Sitio WEB (HTML) Ejemplos 01

Emerson Garay

www.youtube.com/emergaray

http://www.slideshare.net/emergar

Plantilla Básica de Código HTML

http://www.slideshare.net/emergar

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

Encabezados <h1> … <h6>

http://www.slideshare.net/emergar

Apariencia Encabezados

http://www.slideshare.net/emergar

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

Tabla <table>

http://www.slideshare.net/emergar

Apariencia Tabla

http://www.slideshare.net/emergar

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

Enlaces <a> con Texto

http://www.slideshare.net/emergar

Apariencia Enlaces con Texto

http://www.slideshare.net/emergar

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

Imágenes <img>

http://www.slideshare.net/emergar

Apariencia Imágenes

http://www.slideshare.net/emergar

Enlaces con Imágenes

http://www.slideshare.net/emergar

Apariencia Enlaces con Imágenes

http://www.slideshare.net/emergar