sitio web (html) ejemplos 01
DESCRIPTION
Ejemplos de html con las etiquetas , , ,TRANSCRIPT
![Page 1: Sitio web (html) ejemplos 01](https://reader034.vdocuments.mx/reader034/viewer/2022052207/557b44dad8b42a0d388b48e1/html5/thumbnails/1.jpg)
Sitio WEB (HTML) Ejemplos 01
Emerson Garay
www.youtube.com/emergaray
http://www.slideshare.net/emergar
![Page 2: Sitio web (html) ejemplos 01](https://reader034.vdocuments.mx/reader034/viewer/2022052207/557b44dad8b42a0d388b48e1/html5/thumbnails/2.jpg)
Plantilla Básica de Código HTML
http://www.slideshare.net/emergar
![Page 3: Sitio web (html) ejemplos 01](https://reader034.vdocuments.mx/reader034/viewer/2022052207/557b44dad8b42a0d388b48e1/html5/thumbnails/3.jpg)
Encabezados <h1> … <h6>
Normalmente cuando se escribe texto para el contenido de un sitio web, se necesitan denotar títulos y subtítulos ya sean de un artículo, categoría, etc. Para esto, se emplean los encabezados HTML que se hacen con las etiquetas <h#> y que generan un salto de línea automático. Esta etiqueta viene acompañada de un número, desde el 1 hasta el 6, predefiniendo éstos el tamaño del encabezado. Así, <h1> sería el encabezado más grande mientras que <h6> sería el más pequeño.
http://www.slideshare.net/emergar
![Page 4: Sitio web (html) ejemplos 01](https://reader034.vdocuments.mx/reader034/viewer/2022052207/557b44dad8b42a0d388b48e1/html5/thumbnails/4.jpg)
Encabezados <h1> … <h6>
http://www.slideshare.net/emergar
![Page 5: Sitio web (html) ejemplos 01](https://reader034.vdocuments.mx/reader034/viewer/2022052207/557b44dad8b42a0d388b48e1/html5/thumbnails/5.jpg)
Apariencia Encabezados
http://www.slideshare.net/emergar
![Page 6: Sitio web (html) ejemplos 01](https://reader034.vdocuments.mx/reader034/viewer/2022052207/557b44dad8b42a0d388b48e1/html5/thumbnails/6.jpg)
Tabla <table>
Las tablas son una herramienta para mostrar y relacionar cierto tipo de información, como si fuera una tabla hecha en Microsoft Excel, sin las formulas, pero si con la estructura del contenido. Las tablas más sencillas de HTML se definen con tres etiquetas: <table> para crear la tabla, <tr> para crear cada fila y <td> para crear cada columna o celda. Si se quiere mayor detalle en la apariencia de una tabla se pueden utilizar otras etiquetas, <caption> para colocar un titulo a la tabla, <th> para definir los encabezados de las columnas.
http://www.slideshare.net/emergar
![Page 7: Sitio web (html) ejemplos 01](https://reader034.vdocuments.mx/reader034/viewer/2022052207/557b44dad8b42a0d388b48e1/html5/thumbnails/7.jpg)
Tabla <table>
http://www.slideshare.net/emergar
![Page 8: Sitio web (html) ejemplos 01](https://reader034.vdocuments.mx/reader034/viewer/2022052207/557b44dad8b42a0d388b48e1/html5/thumbnails/8.jpg)
Apariencia Tabla
http://www.slideshare.net/emergar
![Page 9: Sitio web (html) ejemplos 01](https://reader034.vdocuments.mx/reader034/viewer/2022052207/557b44dad8b42a0d388b48e1/html5/thumbnails/9.jpg)
Enlaces <a> con Texto
Lo característico del lenguaje HTML es el poder generar vínculos de hipertexto para enlazar con ellos otros documentos web en el mismo sitio o a otro sitio web. <a href=“documento.html”>Texto a mostrar</a> Para generar un enlace a otro documento necesitamos el nombre del archivo (o su dirección URL) y el texto o imagen que servirá de punto de activación del otro documento.
http://www.slideshare.net/emergar
![Page 10: Sitio web (html) ejemplos 01](https://reader034.vdocuments.mx/reader034/viewer/2022052207/557b44dad8b42a0d388b48e1/html5/thumbnails/10.jpg)
Enlaces <a> con Texto
http://www.slideshare.net/emergar
![Page 11: Sitio web (html) ejemplos 01](https://reader034.vdocuments.mx/reader034/viewer/2022052207/557b44dad8b42a0d388b48e1/html5/thumbnails/11.jpg)
Apariencia Enlaces con Texto
http://www.slideshare.net/emergar
![Page 12: Sitio web (html) ejemplos 01](https://reader034.vdocuments.mx/reader034/viewer/2022052207/557b44dad8b42a0d388b48e1/html5/thumbnails/12.jpg)
Imágenes <img>
El uso de imágenes es uno de los factores que ha popularizado tanto World Wide Web. Incluir imágenes en un documento web es muy sencillo, solo debe de tener en cuenta que las imágenes tienen que tener los formatos GIF, JPEG o PNG. Las imágenes en línea, se especifican a partir de la etiqueta simple <img /> con los atributos: src : Este atributo es obligatorio e indica el nombre entre comillas doble del archivo o URL de la imagen. alt : Es el texto alternativo que aparece si no se carga. width y height : permiten definir un ancho y alto a la imagen, ya sea en pixeles o porcentajes.
http://www.slideshare.net/emergar
![Page 13: Sitio web (html) ejemplos 01](https://reader034.vdocuments.mx/reader034/viewer/2022052207/557b44dad8b42a0d388b48e1/html5/thumbnails/13.jpg)
Imágenes <img>
http://www.slideshare.net/emergar
![Page 14: Sitio web (html) ejemplos 01](https://reader034.vdocuments.mx/reader034/viewer/2022052207/557b44dad8b42a0d388b48e1/html5/thumbnails/14.jpg)
Apariencia Imágenes
http://www.slideshare.net/emergar
![Page 15: Sitio web (html) ejemplos 01](https://reader034.vdocuments.mx/reader034/viewer/2022052207/557b44dad8b42a0d388b48e1/html5/thumbnails/15.jpg)
Enlaces con Imágenes
http://www.slideshare.net/emergar
![Page 16: Sitio web (html) ejemplos 01](https://reader034.vdocuments.mx/reader034/viewer/2022052207/557b44dad8b42a0d388b48e1/html5/thumbnails/16.jpg)
Apariencia Enlaces con Imágenes
http://www.slideshare.net/emergar