El documento describe las etiquetas HTML para listas ordenadas y no ordenadas (<ol>, <ul>, <li>), párrafos (<p>), preformateado de texto (<pre>) y divisiones (<div>). Explica la estructura básica de cada elemento y cómo afectan al formato y presentación del texto.

1. Sitio WEB (HTML) Ejemplos 02
Emerson Garay
www.youtube.com/emergaray
http://www.slideshare.net/emergar

2. Plantilla Básica de Código HTML
http://www.slideshare.net/emergar

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

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

5. Listas <ol> y <ul>
http://www.slideshare.net/emergar

6. Apariencia Listas
http://www.slideshare.net/emergar

7. Listas Anidadas
http://www.slideshare.net/emergar

8. Apariencia Listas Anidadas
http://www.slideshare.net/emergar

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

10. Párrafos <p>
http://www.slideshare.net/emergar

11. Apariencia Párrafos
http://www.slideshare.net/emergar

12. Pre formateado <pre>
http://www.slideshare.net/emergar

13. Apariencia Pre formateado
http://www.slideshare.net/emergar

14. Divisiones <div>
http://www.slideshare.net/emergar

15. Apariencia Divisiones
http://www.slideshare.net/emergar