Diseño de elementos HTML Los sitios web suelen mostrar contenido en múltiples columnas (como una revista o periódico). HTML ofrece varios elementos semánticos que definen las diferentes partes de una página web: <Header> - Define un encabezado de un documento o una sección <Nav> - Define un contenedor de enlaces de navegación <Section> - Define una sección de un documento <Artículo> - Define un artículo independiente autónomo <Aside> - Define el contenido aparte del contenido (como una barra lateral) <Pie de página> - Define un pie de página de un documento o una sección <Detalles> - Define detalles adicionales <Summary> - Define un título del <detalles> elemento Técnicas de diseño HTML Hay cuatro maneras diferentes para crear diseños de varias columnas.  Cada forma tiene sus ventajas y desventajas: propiedad CSS float FlexBox CSS marco CSS rejilla CSS La propiedad float para diseño fijo

CONCEPTOS BÁSICOS DE CSS (HOJA DE ESTILOS EN CASCADA) Supongo que te habrás encontrado en más de una ocasión con el problema de que ciertos elementos de tu página web aparecen en un color que no deseas, en un tamaño o tipo de letra diferente al que esperabas o incluso alineados hacia donde no deberían. La razón de estos cambios se debe a la  hoja de estilos en cascada , o más comúnmente conocido,  CSS .  Aquí un repaso por lo más primordial para que entiendas  qué es una hoja de estilos, cómo está estructurada y cómo puedes aplicar cambios que te interesen en la misma. ¿Qué es CSS? ¿Por qué usar CSS? Tres formas de insertar CSS Orden en cascada Sintaxis CSS Los selectores CSS Comentarios CSS Conclusión ¿Qué es CSS? CSS significa Cascading Style Sheets (Hoja de Estilos en Cascada). El lenguaje CSS describe cómo se mostrarán los elementos HTML en la pantalla. El lenguaje CSS ahorra mucho trabajo, ya que permite controlar el diseño de varias páginas

Utilizando el atributo de Id El  id atributo especifica un identificador único para un elemento HTML (el valor debe ser único dentro del documento HTML). El valor id puede ser usado por CSS y JavaScript para realizar ciertas tareas para el elemento con el valor de ID específica. En CSS, para seleccionar un elemento con un ID específico , escribe un carácter almohadilla (#) , seguido por el id del elemento: Ejemplo: Consejo:  El atributo id puede ser usado en  cualquier  elemento HTML. Nota:  El valor id entre mayúsculas y minúsculas. Nota:  El valor de ID debe contener al menos  un  carácter, y debe  no  contener espacios en blanco (espacios, tabulaciones, etc.). Diferencia entre clase y ID Un elemento HTML sólo puede tener un identificador único que pertenece a ese solo elemento, mientras que un nombre de clase puede ser utilizado por varios elementos: Ejemplo: Ejercicio: Escriba el código HTML y CSS que nos lleve a visuali