9b7da66eb5bb0e80_20250506_0717033BNL3.pptx

d

1. 3 Bachillerato Programación y Base de Datos DOCENTE: Ing. Carlos Flores UNIDAD EDUCATIVA PARTICULAR “JUAN LEÓN MERA” Unidad # 1 TEMA: Etiquetas, formato, listas e índices en HTML

2. Encabezados o títulos Los encabezados en HTML son etiquetas de código que se usan para definir los títulos y subtítulos de una página web. Se definen con la etiqueta <Hn>, donde “n” es un número entre 1 y 6. Los encabezados HTML son importantes para los usuarios y los motores de búsqueda. Etiquetas en HTML

3. Etiquetas en HTML Estructura de los encabezados HTML El encabezado más importante es el H1, mientras que el menos importante es el H6. Las etiquetas de encabezado de H1 a H6 forman una jerarquía descendente. El encabezado H1 a menudo se denomina "encabezado principal". H2-H6 headings se denominan "subtítulos" porque indican subniveles.

4. Etiquetas en HTML Etiquetas de encabezado HTML <h1>, <h2>, <h3>, <h4>, <h5>, <h6>. Ejemplo: <h1> Título principal de nuestro sitio web .</h1> <h2> Se Utiliza en los encabezados de secciones. </h2> <h3> Se Utiliza en sub-secciones. </h3> <h4> Se Utiliza en sub-sub-secciones o como estimes conveniente </h4> <h5> Continuación del anterior </h5> <h6> No existe el "<h7>" por lo tanto está es la última. </h6>

5. Párrafos en HTML Etiquetas de Párrafos en HTML En HTML, los párrafos se crean con la etiqueta <p> y se cierran con </p>. Es un elemento fundamental para organizar el contenido de una página web. Características de los párrafos en HTML Son bloques de texto que se separan de los demás con espacios verticales. Por defecto, cada párrafo comienza en una nueva línea. Los navegadores añaden espacios (márgenes) antes y después de un párrafo. Los párrafos se pueden separar del bloque anterior y siguiente con un espacio doble. Los párrafos son una de las mejores formas de organizar el texto en una página web.

6. Cómo crear párrafos en HTML Incluir la letra <p> en una etiqueta de inicio. Incluir la letra </p> en una etiqueta de cierre. Importancia de los párrafos Los párrafos son la forma principal de dividir un texto largo en bloques lógicos más pequeños. Esto hace que el texto sea más fácil de leer. Ejemplo: <p> Tu primer párrafo. </p>

7. Cómo crear párrafos en HTML Incluir la letra <p> en una etiqueta de inicio. Incluir la letra </p> en una etiqueta de cierre. Importancia de los párrafos Los párrafos son la forma principal de dividir un texto largo en bloques lógicos más pequeños. Esto hace que el texto sea más fácil de leer. Ejemplo: <p> Tu primer párrafo. </p>

8. Cómo crear párrafos en HTML Incluir la letra <p> en una etiqueta de inicio. Incluir la letra </p> en una etiqueta de cierre. Importancia de los párrafos Los párrafos son la forma principal de dividir un texto largo en bloques lógicos más pequeños. Esto hace que el texto sea más fácil de leer. Ejemplo: <p> Tu primer párrafo. </p>

9. Formato de texto en HTML Formato de texto HTML contiene varios elementos para definir texto con un significado especial. Ejemplo: Elementos de Formato HTML Los elementos de formato fueron diseñados para mostrar tipos especiales de texto.

10. Encabezados o títulos <b>Texto en negrita</b> = Texto en negrita <i>Texto en cursiva</i> = Texto en cursiva <s>Texto tachado</s> = Texto tachado <del>Texto eliminado</del> = Texto eliminado <ins>Texto insertado</ins> = Texto insertado _{Texto de subíndice} = Texto de subíndice ^{Texto en superíndice} = Texto en superíndice <small>Texto pequeño</small> = Texto pequeño <mark>Texto marcado</mark> = Texto marcado Elementos de Formato en HTML

11. EJEMPLOS: <strong>Texto importante</strong> = Texto importante <em>Texto enfatizado</em> = Texto en cursiva Especiales: <hr/> = es una línea horizontal que se utiliza para separar contenido en una página web. También se puede usar para indicar un cambio de tema. <br> = es una etiqueta que produce un salto de línea en el texto. Es similar a la tecla Enter del teclado. Elementos de Formato en HTML

12. Ejercicio en clases: <p> Este es un párrafo <b> que contiene texto en negritas </b> y además de <i> un texto en cursivas </i> y como no un <b> <s> Un texto tachado y en negritas. </s> </b> </p> Elementos de Formato en HTML

13. Realizar las prácticas hechas en clases en visual studio code utilizando distintos encabezados o títulos . Hacer capturas de su práctica y subir con su apellido a la plataforma Runachay en la fecha indicada. Actividad