Sitio WEB (HTML) Ejemplos 02

Emerson Garay

www.youtube.com/emergaray

http://www.slideshare.net/emergar

Plantilla Básica de Código HTML

http://www.slideshare.net/emergar

Listas <ol> y <ul>

http://www.slideshare.net/emergar

Listas

Ordenadas <ol>

1 Números arábigos

A o a Letras mayúsculas o minúsculas

i o I Números romanos en

minúsculas o mayúsculas

No Ordenadas

<ul>

Circle Circulo

Square Cuadrado

Disc Circulo relleno

<li> : Define cada elemento de la lista, sea ordenada o no.

Listas <ol> y <ul>

Con frecuencia se usan listas en los documentos. El lenguaje HTML incorpora unas listas ordenas o no ordenadas. Estructura de una lista no ordenada:

<ul> <li>Primer Elemento</li> <li>Segundo Elemento</li> <li>Tercer Elemento</li> </ul>

http://www.slideshare.net/emergar

Listas <ol> y <ul>

http://www.slideshare.net/emergar

Apariencia Listas

http://www.slideshare.net/emergar

Listas Anidadas

http://www.slideshare.net/emergar

Apariencia Listas Anidadas

http://www.slideshare.net/emergar

Párrafos <p>

Los párrafos son bloques de texto. Dentro de un párrafo, todos los espacios, tabuladores y saltos de línea cuentan como un espacio simple. Para colocar textos en bloques, se utiliza el par de etiquetas <p> y </p>. Estructura para mostrar un párrafo: <p> Texto del párrafo. </p>

http://www.slideshare.net/emergar

Párrafos <p>

http://www.slideshare.net/emergar

Apariencia Párrafos

http://www.slideshare.net/emergar

Pre formateado <pre>

http://www.slideshare.net/emergar

Apariencia Pre formateado

http://www.slideshare.net/emergar

Divisiones <div>

http://www.slideshare.net/emergar

Apariencia Divisiones

http://www.slideshare.net/emergar