Se ha denunciado esta presentación.
Se está descargando tu SlideShare. ×
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Próximo SlideShare
Olivarko
Olivarko
Cargando en…3
×

Eche un vistazo a continuación

1 de 11 Anuncio
Anuncio

Más Contenido Relacionado

A los espectadores también les gustó (20)

Anuncio

Más reciente (20)

Anuncio

HTML

  1. 1. HTML Valeria Arvizu Prof. Azucena Cervantes 28 de mayo del 2015 Informatica II
  2. 2. ¿Qué es una tabla en código HTML?  La altura y anchura global de una tabla se indica dentro del atributo <TABLE>, que señala la apertura y cierre de una tabla. Las dimensiones se definen mediante WIDTH (ancho) y HEIGHT (alto) y pueden expresarse en píxel o en tantos por ciento respecto a la página: <TABLE WIDTH=500> </TABLE> http://www.htmlpoint.com/guida/html_11.htm
  3. 3. ¿Qué significa “tr”?  La etiqueta <tr> se utiliza para definir una fila dentro de una tabla. Este elemento puede contener una o más etiquetas <th> o <td>. Define las filas de la tabla que se definen con <tr> y </tr> (table row). Un par de etiquetas para cada una de las filas. http://roble.pntic.mec.es/apuente/html/paginas/diez.htm
  4. 4. ¿Qué significa “td”?  Dentro de cada fila se definen las celdas que forman esa fila con las etiquetas <td> y </td> (table data). La etiqueta <td> define una celda que contiene datos dentro de una tabla. El texto de esta celda se representa en tamaño regular y alineado a la izquierda. http://www.virtualnauta.com/html-etiqueta-td
  5. 5. ¿Cómo insertas un simple borde en tu tabla?  Para que se visualicen los bordes de una tabla, debemos agregar el atributo border junto con el valor expresado en pixels, de lo contrario no se verán los bordes que dividen las celdas de la tabla. http://www.virtualnauta.com/html-tablas
  6. 6. Escribe el código para colocar una tabla invisible  <table id=«mi tabla»><tbody><tr><td>
  7. 7. ¿Qué es “Colspand”? ¿Qué es “rowspand?  Es la forma de fusionar celdas en una tabla. Rowspan, indica el número de filas que ocupará la celda. Por defecto ocupa una sola fila. Colspan, indica el número de columnas que ocupará la celda. Por defecto ocupa una sola columna. http://www.usabilidad.tv/tutoriales_html/colspan_y_rowspan.asp
  8. 8. ¿Qué es “cell padding? ¿Qué es “cell spacing”?  Cellspacing:controla el espacio entre celdas de la tabla. Aunque no hay un defecto oficial , los navegadores suelen utilizar un valor predeterminado de 2 .  Cellpadding: establece la cantidad de espacio entre el contenido de la celda y la pared de la celda
  9. 9. ¿Cómo insertas color de fondo en una celda de una tabla?  Para cambiar del color de fondo, basta con escribir la directiva BGCOLOR dentro del elemento que de la tabla que se desee cambiar.  Para cambiar el color a la tabla  <TABLE BGCOLOR="codigo de color">  Para cambiar el color a la fila  <TR BGCOLOR="codigo de color">  Para cambiar el color a la celda  <TD BGCOLOR="codigo de color">  Para cambiar el color del borde  <TABLE BORDERCOLOR="codigo de color"> http://www.mailxmail.com/curso-html/color-fondo-tablas
  10. 10. ¿Cómo insertas una imagen de fondo en una tabla?  <table width="" height="" border="" bordder color="" background="url de la imagen que quieras de fondo en tu tabla"> https://mx.answers.yahoo.com/question/index?qid=20070726132643AAQjAhu
  11. 11. ¿Cómo alineas el contenido de tu tabla? (derecha, izquierda, centrado) <table width="100%" border="1" cellspacing="0" cellpadding="0"> <tr> <td height="40" valign="top">texto alineado arriba </td> </tr> <tr> <td height="40" valign="middle">texto alineado al centro </td> </tr> <tr> <td height="40" valign="bottom">texto alineado abajo </td> </tr> <tr> <td height="40" valign="baseline">texto alineado en la llinea de base </td> </tr> </table>

×