el mejor curso de html lección no.2

41

Upload: gabrielhernandezvc

Post on 12-Jun-2015

82 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: El mejor curso de html lección no.2
Page 2: El mejor curso de html lección no.2

<HTML>

Page 3: El mejor curso de html lección no.2

Lección No.2

Page 4: El mejor curso de html lección no.2

Todas las etiquetas que vamos a ver en esta clase son para ocuparlas dentro de body

Page 5: El mejor curso de html lección no.2

Etiquetas de texto

Page 6: El mejor curso de html lección no.2

<h1> </h1>

Esta etiqueta sirve para mostrar un título de nivel 1

Page 7: El mejor curso de html lección no.2

<h2> </h2>

Esta etiqueta sirve para mostrar un título de nivel 2

Page 8: El mejor curso de html lección no.2

<h3> </h3><h4> </h4>

etc…

Estas etiquetas sirven para mostrar títulos de nivel 3, 4, etc…

Page 9: El mejor curso de html lección no.2

Ejemplo de su uso

Page 10: El mejor curso de html lección no.2
Page 11: El mejor curso de html lección no.2

<br/>

Esta etiqueta sirve para dar un salto de línea como si le

diéramos Enter

Page 12: El mejor curso de html lección no.2

Ejemplo

Page 13: El mejor curso de html lección no.2
Page 14: El mejor curso de html lección no.2

<i> </i>

Esta etiqueta sirve escribir el texto en cursiva

Page 15: El mejor curso de html lección no.2

Ejemplo

Page 16: El mejor curso de html lección no.2
Page 17: El mejor curso de html lección no.2

<strong> </strong>

Esta etiqueta sirve escribir el texto en negritas

Page 18: El mejor curso de html lección no.2

Ejemplo

Page 19: El mejor curso de html lección no.2
Page 20: El mejor curso de html lección no.2

<u> </u>

Esta etiqueta sirve escribir el texto subrayado

Page 21: El mejor curso de html lección no.2

Ejemplo

Page 22: El mejor curso de html lección no.2
Page 23: El mejor curso de html lección no.2

Etiquetas para dar formato a el texto

Page 24: El mejor curso de html lección no.2

<center> </center>

Esta etiqueta sirve para alinear a el centro un párrafo, un título o

cualquier otra cosa

Page 25: El mejor curso de html lección no.2

Ejemplo

Page 26: El mejor curso de html lección no.2
Page 27: El mejor curso de html lección no.2

<blockquote> </ blockquote >

Esta etiqueta sirve para justificar el texto dándole margen a

ambos lados, resulta útil cuando tenemos mucha información y

queremos que se vea organizada

Page 28: El mejor curso de html lección no.2

Ejemplo

Page 29: El mejor curso de html lección no.2
Page 30: El mejor curso de html lección no.2

Etiqueta de imagen

Page 31: El mejor curso de html lección no.2

<img>

Esta etiqueta sirve para insertar una imagen

Page 32: El mejor curso de html lección no.2

Ejemplo

Page 33: El mejor curso de html lección no.2
Page 34: El mejor curso de html lección no.2

<img src=“ ”> </img>

Dentro de la etiqueta de imagen es necesario colocar el parámetro

src que sirve para indicar el directorio, el nombre de la imagen

y su formato (jpg, png, gif, etc…)

Page 35: El mejor curso de html lección no.2

Es importante destacar que en este ejemplo tanto el archivo html como la imagen están ubicados en el mismo directorio es decir que ambos están en el escritorio por lo cual no es necesario indicarlo en el código, mas adelante veremos casos en los

que el archivo html y la imagen están ubicados en diferentes directorios

Page 36: El mejor curso de html lección no.2

<img src=“ ” align=“ ” > </img>

Otro parámetro de la etiqueta de imagen es align ya que con este

se puede dar la alineación deseada a la imagen

Page 37: El mejor curso de html lección no.2
Page 38: El mejor curso de html lección no.2

Si necesitas alinear una imagen a el centro bastará con anidarla dentro de una etiqueta center

<center><img src=“loquesea.jpg”></center>

Page 39: El mejor curso de html lección no.2

Eso es todo por hoy amigos!Nos vemos en la próxima clase

Page 40: El mejor curso de html lección no.2

Visítanos enwww.estrellasporgracia.web44.net

Page 41: El mejor curso de html lección no.2