Etiquetas HTML y propiedades CSS trabajadas en clase en el curso 2024/25 hasta la quincena Q03.
| Elemento raíz | ||
| Etiqueta | Descripción | Atributos principales |
| !DOCTYPE | tipo de documento (versión de html empleada) | |
| html | engloba todo el documento | lang |
| <!-- ... --> | comentario (sólo visible en el código fuente) | |
| Metadatos | ||
| Etiqueta | Descripción | Atributos principales |
| head | delimita el encabezado del documento | |
| title | título del documento (se muestra en la pestaña del navegador) | |
| link | enlace a otros archivos (hoja de estilo, etc.) | href, rel, media, type, title |
| meta | metainformación sobre el documento | name, content, charset |
| style | hoja de estilo incluida en el documento | type, type, title |
| Secciones | ||
| Etiqueta | Descripción | Atributos principales |
| body | delimita el cuerpo del documento | |
| h1 a h6 | encabezado (de nivel 1 a 6) | |
| address | dirección (información sobre el autor) | |
| Bloques de contenido | ||
| Etiqueta | Descripción | Atributos principales |
| p | párrafo | |
| hr | separador | |
| div | división | |
| blockquote | cita larga (que incluye varios párrafos) | cite |
| pre | texto preformateado | |
| Texto (en línea) | ||
| Etiqueta | Descripción | Atributos principales |
| br | salto de línea | |
| span | contenedor de texto genérico | |
| strong | importante | |
| em | énfasis | |
| Tipos | ||
| Propiedad | Descripción | Valores |
| familia-genérica | Familia genérica de fuente | cursive | fantasy | monospace | serif | sans-serif |
| Tipo de letra (fuente) | ||
| Propiedad | Descripción | Valores |
| font-family | tipo de letra (fuente) | [ nombre-fuente | familia-genérica ] [, nombre-fuente | familia-genérica ]* |
| font-size | tamaño | tamaño-absoluto | tamaño-relativo | distancia | porcentaje |
| font-style | inclinación (cursiva) | normal | italic | oblique |
| font-weight | grosor del trazo (negrita) | normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 |
| Color | ||
| Propiedad | Descripción | Valores |
| color | color del texto | color |
| Texto | ||
| Propiedad | Descripción | Valores |
| letter-spacing | espacio entre caracteres | normal | distancia |
| line-height | espaciado entre líneas | normal | número | distancia | porcentaje |
| text-align | alineación del texto | center | justify | left | right |
| text-decoration | decoración del texto | none | blink | line-through | overline | underline |
| text-indent | sangría de la primera línea | distancia | porcentaje |
| text-transform | mayúsculas / minúsculas | none | capitalize | lowercase | uppercase |
| text-shadow | sombreado | desplazamiento horizontal, desplazamiento vertical, tamaño desenfoque, color |
| word-spacing | espacio entre palabras | normal | distancia |
| Fondos | ||
| Propiedad | Descripción | Valores |
| background-color | color de fondo | transparent | color |