Divisiones
Parte de la sección Fundamentals del Journey de HTML de Coddy — lección 25 de 60.
Imagina que quieres dividir tu página web en bloques para organizar tu contenido. En HTML, puedes usar un div para agrupar elementos.
Las etiquetas div son excelentes para crear diseños y separar secciones.
Aquí está la sintaxis básica:
<div>
<!-- El contenido va aquí -->
</div>Puedes añadir otros elementos HTML dentro de un div, como párrafos, encabezados, imágenes e incluso otros elementos div.
Aquí tienes un ejemplo de cómo usar etiquetas div para crear un diseño simple con un encabezado, un área de contenido principal y un pie de página:
<div>
<h1>Header</h1>
</div>
<div>
<p>Main content goes here.</p>
</div>
<div>
<p>Footer</p>
</div>
Desafío
FácilCrea 3 elementos div, colocados uno tras otro en tu documento HTML.
Dentro de cada div, añade una etiqueta p que contenga el nombre de una película que te guste.
Hoja de referencia
Usa etiquetas div para agrupar elementos y organizar el contenido en bloques:
<div>
<!-- El contenido va aquí -->
</div>Puedes anidar otros elementos HTML dentro de un div, incluyendo párrafos, encabezados, imágenes y otros elementos div:
<div>
<h1>Header</h1>
</div>
<div>
<p>Main content goes here.</p>
</div>
<div>
<p>Footer</p>
</div>Pruébalo tú mismo
<!DOCTYPE html>
<html>
<body>
<!-- Escribe el código aquí -->
</body>
</html>
Ponte a pruebaEsta lección incluye un breve cuestionario. Empieza la lección para responderlo y registrar tu progreso.
Todas las lecciones de Fundamentals
1Fundamentos de HTML
¿Qué es HTML?Estructura básica de HTMLEtiquetas y elementosAnidamiento y cierre de etiquetasComentarios en HTML4Tarjeta de receta
Descripción general del proyectoTítulo y descripción de la receta
IngredientesPasos2Texto y formato
EncabezadosPárrafosSaltos de líneaTexto en negrita y cursivaNegrita y cursiva de nuevoResumen - Formato9Formularios e Inputs Parte 2
Radio buttonsCheckboxesDropdownsBotonesBotones en formulariosRepaso - Formularios #1Repaso - Formularios #2