Scribd
Cargar
260 vistas3 páginas

Glosario HTML5 y CSS

Las primeras tres oraciones resumen el documento de la siguiente manera: 1. El documento proporciona una guía de los principales elementos de HTML5 y CSS3, incluyendo etiquetas como <h1>-<h6> para encabezados, <p> para párrafos, y <div> y <span> para agrupar contenido. 2. También describe elementos como <header>, <footer>, <nav> y <section> para dividir una página web, así como etiquetas para formularios, tablas e imágenes. 3. Además, explic

Cargado por

Santi Pes
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
260 vistas3 páginas

Glosario HTML5 y CSS

Las primeras tres oraciones resumen el documento de la siguiente manera: 1. El documento proporciona una guía de los principales elementos de HTML5 y CSS3, incluyendo etiquetas como <h1>-<h6> para encabezados, <p> para párrafos, y <div> y <span> para agrupar contenido. 2. También describe elementos como <header>, <footer>, <nav> y <section> para dividir una página web, así como etiquetas para formularios, tablas e imágenes. 3. Además, explic

Cargado por

Santi Pes
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
Está en la página 1/ 3

GLOSARIO HTML5 y CSS3.

HTML Los elemento de cabecera implementan seis niveles de cabeceras de documentos;


<h1> <h2> <h3>
<h1> es la de mayor y <h6> es la de menor impotancia. Un elemento de cabecera
<h4> <h5> <h6> describe brevemente el tema de la sección que introduce.
Etiqueta Descripción
<!-- --> Define un comentario <hgroup> Grupo de encabezado (<h1> a <h6>) elemento.
<!DOCTYPE> Define que el documento es versión HTML 5
<html> Define la raíz de un documento HTML. Define la cabecera de una página o sección. Usualmente contiene un logotipo, el
<header> título del sitio Web y una tabla de navegación de contenidos
Representa una colección de metadatos acerca del documento, incluyendo enlaces
<head> a, o definiciones de, scripts y hojas de estilo.
Define el pie de una página o sección. Usualmente contiene un mensaje de derechos
<footer> de autoría, algunos enlaces a información legal y datos para dar información de
retroalimentación (correo, boletín, redes sociales, teléfono etc.)

Define el título del documento, se muestra en la barra de título del navegador o en Etiquetas de agrupación
<title> las pestañas de página. Solamente puede contener texto
<div> Define un contenedor/división genérico sin caracteristicas propias

Representa una colección de metadatos acerca del documento, incluyendo enlaces


<link> a, o definiciones de, scripts y hojas de estilo. <nav> Define una sección que solamente contiene enlaces de navegación

<meta> Define los metadatos que son leidos por los navegadores y busadores web <p> Define una parte que debe mostrarse como un párrafo.

<br> Representa un quiebre entre parrafos de una sección o articulo o cualquier contenido.
<style> Etiqueta de estilo usada para escribir CSS, solo aplica en documento que es escrito.

Define un script interno o un enlace hacia un script externo de lenguaje de


<ol> Define una lista ordenada de artículos.
<script> programación Jquery/JavaScript

Representa el contenido principal de un documento HTML. Solo hay un elemento <ul> Define una lista de artículos sin orden.
<body> <body> en un documento.

<li> Define un artículo de una lista ennumerada.


Secciones
Elementos de texto
<section> Define una sección en un documento.
<b> Define la fuente en modo bold/negritas

<nav> Define una sección que solamente contiene enlaces de navegación


<i> Define la fuente en modo italicas

<section> Define una sección en un documento.


<a> Representa un hiperenlace , enlazando a otro recurso.

<article> Define un atículo


<strong> Representa un texto especialmente importante.

<aside> Define el contenido lateral del contenido de una página


<small> Representa un comentario pequeño,
<hr> Define un cambio de temática a partir de una línea.
CCS3
/* texto */ Representa un comentario

<img> Define una imagen.

selector {
Representa un contexto anidado de navegación, es decir, un documento HTML sintaxis general propiedad: valor;
<iframe> embebido.
}
<embed> Define un contenedor de una aplicación externa (no-HTML).

Representa un video , y sus archivos de audio y capciones asociadas, con la selectores ID #selector
<video> interfaz necesaria para reproducirlos.
selectores clase .selector
<audio> Representa un sonido o stream de audio.

Etiquetas de formulario selectores directos selector (No lleva “.” ni “#“ ej. h1, div, a)

<form> Define un formulario HTML.


color Denife color de fuente

<label> Representa el título de un campo de formulario.


background-color Define color del fondo del elemento

<input> Representa un campo que permite al usuario editar los datos.


background-image
Define imagen del fondo del elemento

<textarea> Representa un campo de multiples líneas que permite al usuario editar los datos.
background-repeat Define la repetición de la imagen de fondo

<button> Representa un botón.


background-attachment Define la posición que tiene la imagen de fondo
Etiquetas de tablas
<table> Representa el incio de una tabla background-position Define las cordenadas de posición de la imagen de fondo

<th> Representa una celda encabezado en una tabla. font-family Denife la familia tipográfica

<tr> Representa una fila de celdas en una tabla.


font-size Define el tamaño de la fuente

<td> Representa una celda de datos en una tabla.


font-weight Denife el peso de la fuente (bold, regular)

Clases y ID
font-style Define el estilo de fuente (italicas, bold, )el tamaño de la fuente
class=”” Representa una clase

text-align Alineación del bloque de texto (izquierda, derecha, justificar)


id=”” Representa una ID

text-decoration Define la decoración del texto (subrayado, marcado)


text-transform Define la transformación del texto (Mayúsculas, minúscula o letra capitular) width Ancho del elemento (puede ser px,%)

text-indent Define la sangria del texto height Altura del elemento (puede ser px,%)

letter-spacing Define el espacio entre letras min-width Ancho mínimo del elemento (puede ser px,%)

line-height Define el espacio entre líneas de texto min-height Altura mínima del elemento (puede ser px,%)

text-shadow Define la sombra del texto en x, y, blur max-width Ancho máximo del elemento (puede ser px,%)

a , a:link Define las propiedades que le puedes dar a un enlace max-height Altura máxima del elemento (puede ser px,%)

a:visited Define las propiedades despúes de que se visita el enlace display Define la forma de visualizar un elemento (none, inline-block, block)

a:hover Define las propiedades del enlace al sobreponer el cursor position Define la posición del elemento (static, relative, fixed, absolute, sticky)

a:active Define las propiedades del enlace al ser seleccionado float Define la posicion de un elemento (izquierda o derecha)

COMBINADORES
border Define el borde que rodea a un elemento (ej. border: 1px solid #000;)
.selector .selector Define selección en descenso/ jeraquía (padre>hijo)
padding Define el espacio/zona de seguridad que hay entre el contenido y el contenedor
.selector > .selector Define selección a hijo/(padre>hijo)
margin Define el márgen/espacio entre elementos
.selector + .selector Define selección en suma del siguiente / (a+b)

.selector ~ .selector Define selección entre iguales/(padre=hijo)

También podría gustarte