Download - Sitio web (html) ejemplos 02
![Page 1: Sitio web (html) ejemplos 02](https://reader033.vdocuments.mx/reader033/viewer/2022052322/557b449fd8b42a13388b487e/html5/thumbnails/1.jpg)
Sitio WEB (HTML) Ejemplos 02
Emerson Garay
www.youtube.com/emergaray
http://www.slideshare.net/emergar
![Page 2: Sitio web (html) ejemplos 02](https://reader033.vdocuments.mx/reader033/viewer/2022052322/557b449fd8b42a13388b487e/html5/thumbnails/2.jpg)
Plantilla Básica de Código HTML
http://www.slideshare.net/emergar
![Page 3: Sitio web (html) ejemplos 02](https://reader033.vdocuments.mx/reader033/viewer/2022052322/557b449fd8b42a13388b487e/html5/thumbnails/3.jpg)
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.
![Page 4: Sitio web (html) ejemplos 02](https://reader033.vdocuments.mx/reader033/viewer/2022052322/557b449fd8b42a13388b487e/html5/thumbnails/4.jpg)
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
![Page 5: Sitio web (html) ejemplos 02](https://reader033.vdocuments.mx/reader033/viewer/2022052322/557b449fd8b42a13388b487e/html5/thumbnails/5.jpg)
Listas <ol> y <ul>
http://www.slideshare.net/emergar
![Page 6: Sitio web (html) ejemplos 02](https://reader033.vdocuments.mx/reader033/viewer/2022052322/557b449fd8b42a13388b487e/html5/thumbnails/6.jpg)
Apariencia Listas
http://www.slideshare.net/emergar
![Page 7: Sitio web (html) ejemplos 02](https://reader033.vdocuments.mx/reader033/viewer/2022052322/557b449fd8b42a13388b487e/html5/thumbnails/7.jpg)
Listas Anidadas
http://www.slideshare.net/emergar
![Page 8: Sitio web (html) ejemplos 02](https://reader033.vdocuments.mx/reader033/viewer/2022052322/557b449fd8b42a13388b487e/html5/thumbnails/8.jpg)
Apariencia Listas Anidadas
http://www.slideshare.net/emergar
![Page 9: Sitio web (html) ejemplos 02](https://reader033.vdocuments.mx/reader033/viewer/2022052322/557b449fd8b42a13388b487e/html5/thumbnails/9.jpg)
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
![Page 10: Sitio web (html) ejemplos 02](https://reader033.vdocuments.mx/reader033/viewer/2022052322/557b449fd8b42a13388b487e/html5/thumbnails/10.jpg)
Párrafos <p>
http://www.slideshare.net/emergar
![Page 11: Sitio web (html) ejemplos 02](https://reader033.vdocuments.mx/reader033/viewer/2022052322/557b449fd8b42a13388b487e/html5/thumbnails/11.jpg)
Apariencia Párrafos
http://www.slideshare.net/emergar
![Page 12: Sitio web (html) ejemplos 02](https://reader033.vdocuments.mx/reader033/viewer/2022052322/557b449fd8b42a13388b487e/html5/thumbnails/12.jpg)
Pre formateado <pre>
http://www.slideshare.net/emergar
![Page 13: Sitio web (html) ejemplos 02](https://reader033.vdocuments.mx/reader033/viewer/2022052322/557b449fd8b42a13388b487e/html5/thumbnails/13.jpg)
Apariencia Pre formateado
http://www.slideshare.net/emergar
![Page 14: Sitio web (html) ejemplos 02](https://reader033.vdocuments.mx/reader033/viewer/2022052322/557b449fd8b42a13388b487e/html5/thumbnails/14.jpg)
Divisiones <div>
http://www.slideshare.net/emergar
![Page 15: Sitio web (html) ejemplos 02](https://reader033.vdocuments.mx/reader033/viewer/2022052322/557b449fd8b42a13388b487e/html5/thumbnails/15.jpg)
Apariencia Divisiones
http://www.slideshare.net/emergar