Q03: Etiquetas HTML y propiedades CSS

Las tablas siguientes resumen las etiquetas HTML y las propiedades CSS trabajadas en clase en el curso 2019/20 hasta la quincena Q03.

Etiquetas HTML

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

Propiedades CSS

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
Texto
Propiedad Descripción Valores
color color del texto color
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(3) sombreado desplazamiento horizontal, desplazamiento vertical, tamaño desenfoque, color
Fondos
Propiedad Descripción Valores
background-color color de fondo transparent | color