Clase tres de xhtml

475 views

Published on

Uso de las etiquetas de enlaces, imagenes y tabla

Published in: Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
475
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
5
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Clase tres de xhtml

  1. 1. La etiqueta <img> define una imagen en una página HTML. La etiqueta <img>tiene dos atributos requeridos: src y alt. Nota: Las imágenes no estántécnicamente insertado en una página HTML, las imágenes están vinculadas alas páginas HTML. La etiqueta <img> crea un espacio para la custodia de laimagen de referencia.Ejemplo del uso de la etiqueta: <img src="smiley.gif" alt="Smiley face" height="42" width="42">El atributo src indica la ruta de la imagen, puede ser enlace interno o externo.El atributo alt es un texto alternativo que se colocara si el enlace esta roto. El atributo height y width sirve para cambiar el tamaño de la imagen. El atributo align sirve para alinear la imagen.
  2. 2. La etiqueta <a> define un hipervínculo, que se utiliza para vincular de unapágina a otra. El atributo más importante del elemento <a> es el atributo href,que indica el destino del vínculo. De forma predeterminada, los enlaces aparecerán de la siguiente manera en todos los navegadores:  Un enlace no visitado está subrayado y azul  Un enlace visitado está subrayado y púrpura  Un vínculo activo está subrayado y el rojoOtros atributos que existe es el target que permite abrir el enlace en una nuevapestaña. Ejemplo: <a href="http://www.google.com">Entrar</a>
  3. 3. La etiqueta <table> define una tabla HTML. Una tabla HTMLconsiste en el elemento <table> y <tr> uno o más, <th> yelementos <td>. El elemento <tr> define una fila de la tabla, elelemento <th> define un encabezado de la tabla, y el elemento<td> define una celda de tabla.Una tabla HTML más complejos pueden incluir también<caption>, <col>, <colgroup>, <thead>, <tfoot> y elementos<tbody>.
  4. 4. Ejemplo de uso de <table border="1">la etiqueta table, <tr>donde las etiquetas <th>Mes</th>tr permite apertura <th>Monto</th>una fila y las </tr>etiquetas td o th <tr> <td>Enero</td>apertura una <td>100</td>columna. </tr> </table>
  5. 5. La etiqueta <tbody> se utiliza para agrupar el contenido del cuerpo en unatabla HTML. El elemento <tbody> se utiliza en conjunción con loselementos <thead> y <tfoot> para especificar cada parte de una tabla(cuerpo, encabezado, pie de página).Los navegadores pueden usar estos elementos para habilitar eldesplazamiento del cuerpo de la tabla independientemente de la cabecera y elpie de página. Además, al imprimir una tabla grande que abarca variaspáginas, estos elementos pueden permitir a la cabecera de la tabla y pie depágina que se imprimirá en la parte superior e inferior de cada página.
  6. 6. <table border="1"> <tbody> <thead> <tr> <tr> <td>Enero</td> <th>Mes</th> <td>100</td> <th>Monto</th> </tr> </tr> <tr> </thead> <td>Febrero</td> <tfoot> <td>80</td> <tr> </tr> <td>Suma</td> </tbody> <td>180</td> </table> </tr> </tfoot>
  7. 7. La etiqueta <td> define un estándar de celda en una tabla HTML.Una tabla HTML tiene dos tipos de celdas:  Celdas de encabezado - contiene información del encabezado (creada con el elemento <th>)  Las celdas estándar - contiene datos (creada con el elemento <td>).Dentro de las columnas tenemos los atributos rowspan y colspan.Estos atributos permite realizar combinaciones de celdas.
  8. 8. <table border="1">El atributo colspan <tr>especifica el número de <td>Enero</td> <td>100</td>columnas de una celda </tr>debe combinar. Ejemplo: <tr> <td>Febrero</td> Enero 100 <td>80</td> Febrero 80 </tr> Total 180 <tr> <td colspan="2">Total: 180</td> </tr> </table>
  9. 9. <table border="1">El atributo rowspan <tr>especifica el número de <td>Enero</td> <td rowspan="2"> 100</td>filas de una celda debe </tr>combinar. Ejemplo: <tr> <td>Febrero</td> Enero </tr> Febrero 100 <tr> Marzo 80 <td>Marzo</td> <td>80</td> </tr> </table>

×