Etiquetas para estructurar texto HTML5 - 2 parte

Post on 13-Apr-2017

783 views 1 download

Transcript of 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: ncwi0509@gmail.comhttp://www.adsib.gob.bo

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 -->

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>

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>

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>

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

Etiqueta br

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

Etiqueta b

La etiqueta <b> se usa para representar un texto con un estilo de fuente en negrita.

Etiqueta Strong

La etiqueta strong nos permite enfatizar un texto.

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

Etiqueta i

La etiqueta <i> se usa para representar un texto con un estilo de fuente en itálica (kursiva).

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.

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

Etiqueta cite

Etiqueta hr

La etiqueta <hr> representa una línea horizontal para separar diferentes secciones de un documento.