📖 Curso de HTML para Principiantes
Módulo 2: Etiquetas básicas
🎯 Objetivo
Aprender las etiquetas fundamentales para estructurar texto en una página web: títulos, párrafos, saltos de línea y comentarios.
1. Títulos (<h1> a <h6>)
Los títulos organizan el contenido en niveles jerárquicos.
<h1>→ título principal (solo uno por página recomendado).<h2>→ subtítulos.<h3>a<h6>→ niveles más pequeños.
html
<h1>Mi página personal</h1>
<h2>Sobre mí</h2>
<h3>Mis aficiones</h3>
💡 Tip: Los buscadores dan más importancia al <h1> y <h2> para el SEO.
2. Párrafos (<p>)
Los párrafos son bloques de texto. Cada <p> crea un espacio separado en la página.
html
<p>Me llamo Ana y estoy aprendiendo HTML.</p>
<p>Me gusta la música y la programación.</p>
3. Saltos de línea y separadores
<br>→ inserta un salto de línea dentro de un párrafo.<hr>→ dibuja una línea horizontal para separar secciones.
html
<p>Este es un texto.<br>Y aquí continúa en otra línea.</p>
<hr>
<p>Nuevo bloque de contenido después de la línea.</p>
4. Comentarios (<!-- -->)
Los comentarios no se muestran en el navegador, sirven para dejar notas en el código.
html
<!-- Este es un comentario -->
<p>Este texto sí se verá en la página.</p>
5. Ejercicio práctico
👉 Crea un archivo basico.html con:
- Un título principal con tu nombre (
<h1>). - Un subtítulo (
<h2>) con tu ciudad. - Dos párrafos explicando tus intereses.
- Un salto de línea dentro de un párrafo.
- Una línea horizontal para separar secciones.
- Un comentario que diga:
<!-- Aquí empieza mi biografía -->.
6. Conceptos clave del módulo
- Los títulos (
<h1>–<h6>) organizan jerárquicamente el contenido. - Los párrafos (
<p>) son bloques de texto. <br>y<hr>ayudan a dar formato visual.- Los comentarios (
<!-- -->) son útiles para documentar tu código.
📌 Mini-reto: Añade un <h2> llamado “Mis proyectos” y escribe un párrafo con una idea de página web que te gustaría crear.
| HTML | MÓDULOS |
|---|---|
| Curso HTML para Principiantes | MODULO 3. Enlaces e Imágenes |
| PÁGINA ANTERIOR | SIGUIENTE PÁGINA |