Introducción a HTML (II)
Curso de introducción al desarrollo web
Creado por Jorge García para twitch.tv/jorchg 
Text formatting (Formateo de texto) 📖
En HTML tenemos varios elementos para dar formato a texto con significado especial
Quotations (Citas)
Elementos hechos para citar contenido
Comentarios (Comments) 💬
Trozos de texto que no se visualizan en la página, pero que pueden ayudar a organizar el código
Colores (Colors) 🎨
Se pueden expresar con nombre, en formato HEX, RGB o HSL (Y RGBA y HSLA)
CSS
Tres formas de incluirlo. Inline, interno o externo
Links target
Links Styles 🌍
Links (Bookmarks)
Con los bookmarks podemos "saltar" a una parte específica de la página
Background images
En casi cualquier elemento, podemos especificar una imagen de fondo.
Podemos controlar su posicionamiento y tamaño con varias propiedades de CSS
Picture element (HTML5)
El elemento picture permite mostrar diferentes imágenes para diferentes resoluciones o dispositivos.
Fuente: w3schools
Picture element (HTML5)
El elemento picture permite mostrar diferentes imágenes para diferentes resoluciones o dispositivos.
Fuente: mdn
Picture element (HTML5)
También podemos incluir diferentes formatos de imagen y que el navegador escoja el compatible.
Por ejemplo, se usa bastante para poder servir formato webp, con fallback a JPG, PNG...
Fuente: mdn
Tables (tablas)
Poco que comentar de las tablas 😅 Un elemento que organiza datos en filas y columnas
Lists (listas)
Los elementos de lista nos permite agrupar contenido relacionado
Hay tres tipos de listas: no ordenadas, ordenadas (numeradas) y descriptivas. Tienen valor semántico.
Lists ordenadas
Se pueden nestear
Se puede cambiar fácilmente el tipo de marcador de los elementos li
Fuente: w3schools