HTML Encabezados . Etiqueta h Paŕrafos y saltos de linea (p, pre, hr, br)

 

 

1. ¿Qué son los encabezados HTML?
   Los encabezados HTML son etiquetas que se utilizan para definir títulos y subtítulos dentro de una página web. Sirven para organizar el contenido en secciones jerárquicas. Se representan con etiquetas como <h1>, <h2>, <h3>, etc.

---

2. ¿Cuántos tipos de encabezados existen en HTML?
   Existen 6 niveles de encabezados:

<h1> es el más importante (título principal) <h2> <h3> <h4> <h5> <h6> es el menos importante

---

3. ¿Por qué es importante el uso de encabezados?

• Permiten organizar el contenido de forma clara y jerárquica.
• Ayudan al posicionamiento en buscadores (SEO).
• Mejoran la accesibilidad para lectores de pantalla.

---

4. ¿Se puede utilizar la etiqueta H1 si deseo tener un tamaño de letra grande? ¿Es recomendable?
   Sí se puede, ya que <h1> se muestra grande por defecto. Sin embargo, no es recomendable usarla solo por su tamaño. Se debe usar por su significado (título principal). Para cambiar tamaños de texto es mejor usar CSS.

---

5. ¿Qué elemento HTML define un párrafo? Ejemplificar
   El elemento que define un párrafo es <p>.
   Ejemplo:

<p>Este es un párrafo de ejemplo.</p>

---

6. ¿Distintos dispositivos pueden cambiar la visualización de una página web?
   Sí, la visualización puede cambiar según el dispositivo.
   Ejemplos: computadoras, celulares, tablets y Smart TV.
   Esto ocurre por el diseño responsive, que adapta la página al tamaño de pantalla.

---

7. ¿Cómo trabajan los navegadores respecto a las líneas y espacios adicionales?
   Los navegadores ignoran los espacios y saltos de línea adicionales en el código HTML.
   Ejemplo:

<p>Hola mundo</p> Se verá como: Hola mundo 

 <p> Hola      mundo </p> También se verá Hola mundo

---

8. ¿Para qué se usa la etiqueta <hr>?
   Se utiliza para crear una línea horizontal que separa contenido o secciones.

---

9. ¿Cómo se puede incorporar un salto de línea?
   Se usa la etiqueta <br>.
   Ejemplo:

<p>Hola<br>Mundo</p>

---

10. Propiedades de la etiqueta <pre>
    La etiqueta <pre> muestra el texto tal como está escrito en el código.

• Respeta los espacios
• Respeta los saltos de línea
• Utiliza una fuente monoespaciada 
• Fragmentos de código: Es su uso más común. Permite mostrar ejemplos de programación en una página web manteniendo la indentación y la estructura.
  

Ejemplo:

<pre> Hola mundo Esto queda tal cual

</pre>

Ejercicios

1 Agregar encabezados a las 10 páginas que diseñaron en el trabajo anterior

2 Crear una seccion en su sitio web donde ofrezca un curso relacionado a su página. Crear la guía de estudio en línea para  el curso, utilizando los encabezados HTML para organizar y presentar el contenido de la guía. temas principales, subtemas y detalles de estudio. 

3  Crear una seccion Blog en su sitio web, usar diferentes niveles de encabezados para estructurar la página principal, las entradas del blog y la sección de comentarios.

4 Crear una seccion de CV, usar diferentes niveles de encabezados para resaltar secciones importantes, como experiencia laboral, educación, habilidades, etc. No es necesario que este asociado a su sitio web

5- En su sitio web aplicar las etiquetas pre , br y p

6- Agregar a su sitio las páginas de Preguntas Frecuentes y Quienes somos

7 - Agregar un pie de página en cada una de sus secciones, este debe incluir la etiqueta hr

Fuentes:

https://www.w3schools.com/html/html_headings.asp