Etiquetas para estructurar texto HTML5 - 2 parte

15
Etiquetas para estructurar texto Lic. Wendy Navia Ch. ADSIB Agencia para el Desarrollo de la Sociedad de la Información en Bolivia Email: [email protected] http://www.adsib.gob.bo 2 PARTE

Transcript of Etiquetas para estructurar texto HTML5 - 2 parte

Page 1: Etiquetas para estructurar texto HTML5 - 2 parte

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

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

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

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

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

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

Etiqueta br

La etiqueta br nos permite realizar un salto de línea.

Page 8: Etiquetas para estructurar texto HTML5 - 2 parte

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

Etiqueta Strong

La etiqueta strong nos permite enfatizar un texto.

Page 10: Etiquetas para estructurar texto HTML5 - 2 parte

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

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

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

La etiqueta <cite> contiene una cita o referecia a otro lugarr.

Etiqueta cite

Page 14: Etiquetas para estructurar texto HTML5 - 2 parte

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