etiquetas para estructurar texto html5 - 2 parte
TRANSCRIPT
![Page 1: Etiquetas para estructurar texto HTML5 - 2 parte](https://reader031.vdocuments.co/reader031/viewer/2022021502/58eeb3791a28ab4c268b458d/html5/thumbnails/1.jpg)
Etiquetas para estructurar texto
Lic. Wendy Navia Ch.
ADSIBAgencia para el Desarrollo de la Sociedad de la Información en Bolivia
Email: [email protected]://www.adsib.gob.bo
2 PARTE
![Page 2: Etiquetas para estructurar texto HTML5 - 2 parte](https://reader031.vdocuments.co/reader031/viewer/2022021502/58eeb3791a28ab4c268b458d/html5/thumbnails/2.jpg)
Antes de empezar a conocer las etiquetas. ¿Cómo se realiza un comentario en HTML?
Los comentarios html son textos que van dentro del código fuente pero que no son mostrados por los navegadores. Estos comentarios son muy útiles ya que ayudan a una mayor comprensión del código.
Estructura. <!-- comentario -->
![Page 3: Etiquetas para estructurar texto HTML5 - 2 parte](https://reader031.vdocuments.co/reader031/viewer/2022021502/58eeb3791a28ab4c268b458d/html5/thumbnails/3.jpg)
Necesitamos tener nuestra estructura base
<!DOCTYPE html>
<html >
<head>
<meta charset="UTF-8"/>
<title>Título de la Página
</title>
</head>
<body>
Aquí va el contenido de la página
</body>
</html>
![Page 4: Etiquetas para estructurar texto HTML5 - 2 parte](https://reader031.vdocuments.co/reader031/viewer/2022021502/58eeb3791a28ab4c268b458d/html5/thumbnails/4.jpg)
Etiquetas H1,H2,H3,H4,H5,H6.
Las etiquetas <h1>, <h2>…..<h6> cumple con la función de definir los encabezados de manera gradual.
<h2>
Título Principal
Subtítulos
Así sucesivamente, entre más cercano se el numero al 6 la letra será más pequeña.
<h3> Letra tipo cuerpo
<h1>
![Page 5: Etiquetas para estructurar texto HTML5 - 2 parte](https://reader031.vdocuments.co/reader031/viewer/2022021502/58eeb3791a28ab4c268b458d/html5/thumbnails/5.jpg)
HAGAMOS
EJERCICIOS !!!
EJEMPLO
<h1>Titulo 1</h1><h2>Titulo 2</h2><h3>Titulo 3</h3><h4>Titulo 4</h4><h5>Titulo 5</h5><h6>Titulo 6</h6>
![Page 6: Etiquetas para estructurar texto HTML5 - 2 parte](https://reader031.vdocuments.co/reader031/viewer/2022021502/58eeb3791a28ab4c268b458d/html5/thumbnails/6.jpg)
Etiqueta PLa etiqueta <p> se utiliza para representar un párrafo.
<p>Todo texto que se encuentra entre estas etiquetas es un párrafo.</p>
Left
Center
Right
justify
Derecha
Centro
Izquierda
Justificado
![Page 7: Etiquetas para estructurar texto HTML5 - 2 parte](https://reader031.vdocuments.co/reader031/viewer/2022021502/58eeb3791a28ab4c268b458d/html5/thumbnails/7.jpg)
Etiqueta br
La etiqueta br nos permite realizar un salto de línea.
![Page 8: Etiquetas para estructurar texto HTML5 - 2 parte](https://reader031.vdocuments.co/reader031/viewer/2022021502/58eeb3791a28ab4c268b458d/html5/thumbnails/8.jpg)
Etiqueta b
La etiqueta <b> se usa para representar un texto con un estilo de fuente en negrita.
![Page 9: Etiquetas para estructurar texto HTML5 - 2 parte](https://reader031.vdocuments.co/reader031/viewer/2022021502/58eeb3791a28ab4c268b458d/html5/thumbnails/9.jpg)
Etiqueta Strong
La etiqueta strong nos permite enfatizar un texto.
![Page 10: Etiquetas para estructurar texto HTML5 - 2 parte](https://reader031.vdocuments.co/reader031/viewer/2022021502/58eeb3791a28ab4c268b458d/html5/thumbnails/10.jpg)
La etiqueta <span> se utiliza para añadir estructura a una parte de un texto.
Esta etiqueta se usa comunmente para añadir un estilo determinado dentro de una sección del texto.
Etiqueta Span
![Page 11: Etiquetas para estructurar texto HTML5 - 2 parte](https://reader031.vdocuments.co/reader031/viewer/2022021502/58eeb3791a28ab4c268b458d/html5/thumbnails/11.jpg)
Etiqueta i
La etiqueta <i> se usa para representar un texto con un estilo de fuente en itálica (kursiva).
![Page 12: Etiquetas para estructurar texto HTML5 - 2 parte](https://reader031.vdocuments.co/reader031/viewer/2022021502/58eeb3791a28ab4c268b458d/html5/thumbnails/12.jpg)
Etiqueta blockquote
La etiqueta <blockquote> se utiliza para designar una cita de texto larga(en forma de bloque).
Generalmente los navegadores insertan espacios en blanco antes y después de cada cita.
![Page 13: Etiquetas para estructurar texto HTML5 - 2 parte](https://reader031.vdocuments.co/reader031/viewer/2022021502/58eeb3791a28ab4c268b458d/html5/thumbnails/13.jpg)
La etiqueta <cite> contiene una cita o referecia a otro lugarr.
Etiqueta cite
![Page 14: Etiquetas para estructurar texto HTML5 - 2 parte](https://reader031.vdocuments.co/reader031/viewer/2022021502/58eeb3791a28ab4c268b458d/html5/thumbnails/14.jpg)
Etiqueta hr
La etiqueta <hr> representa una línea horizontal para separar diferentes secciones de un documento.
![Page 15: Etiquetas para estructurar texto HTML5 - 2 parte](https://reader031.vdocuments.co/reader031/viewer/2022021502/58eeb3791a28ab4c268b458d/html5/thumbnails/15.jpg)