Clase 5

CLASE 5
TABLAS
Tabla<table>
Las tablasestán formadas por celdas, que son los recuadros
que se obtienen como resultado de la intersección entre
una fila y una columna.
imagen y texto
COLUM
NA
Texto dentro
de una celda
FILA CELDA

Fila <tr>
Es necesario insertar las etiquetas<tr> y </tr> por cada una
de las filasde la tabla. Estas etiquetasdeberán insertarse
entre las etiqetas <table> y </table>.
Columnao celda <td>
Para crear una tabla no basta con especificar el número de
filas, es necesario también especificar el número de
columnas.
Una celda es el resultado de la intersección entre una fila y
una columna, por lo que podremos especificar el número de
celdas por fila, que equivalea especificar el número de
columnaspor fila.
Es necesario insertar las etiquetas<td> y </td> por cada una
de las celdasque compongan cada una de las filas de la
tabla. Por lo tanto, habrá que insertar esas etiquetasentre
las etiquetas<tr> y </tr>.
Formato de la tabla
Es posiblemodificarlos siguientes atributosde una tabla:
Atributo Significado Posibles valores

width ancho de la tabla
un número, acompañado de % cuando se
desee que sea en porcentaje
height altura de la tabla
un número, acompañado de % cuando se desee
que sea en porcentaje
cellpadding
espacio entre el contenido de las
celdas y el borde
un número
cellspacing espacio entre celdas un número
border grosor del borde un número
align
alineación de la tabla dentro de
la página
left (izquierda)
right (derecha)
center (centro)
bgcolor color de fondo número hexadecimal
background imagen de fondo número hexadecimal
bordercolor color del borde número hexadecimal
Formato de las celdas
Es posiblemodificarlos siguientes atributosde una celda:
Atributo Significado Posibles valores
width ancho de la tabla
un número, acompañado de % cuando se
desee que sea en porcentaje
height altura de la tabla
un número, acompañado de % cuando se desee
que sea en porcentaje
align
alineación horizontal del
contenido de la celda
left (izquierda)
right (derecha)
center (centro)
valign
alineación vertical del contenido
de la celda
baseline (línea de base)
bottom (inferior)
middle (medio)
top (superior)
bgcolor color de fondo número hexadecimal
background imagen de fondo número hexadecimal
bordercolor color del borde número hexadecimal

<table width="50%"border="2"align="center"cellspacing="0"bordercolor="#000000"
bgcolor="#FFCC99">
<tr align="center"bgcolor="#0099CC">
<td>Sabado</td>
<td bgcolor="#66CC99">Domingo</td>
</tr>
<tr>
<td>Curso HTML</td>
<td>Curso Dreamweaver</td>
</tr>
<tr>
<td>Curso Frontpage</td>
<td>Curso Flash</td>
</tr>
</table>
CODIGO
<html>
<head>
<title>sportingoods903</title>
</head>
<imgsrc="imagenes/LOGOEMPRESA.jpg"alt="EMPRESA LOGOborder="5"
width="500" height="250">
.
<bodybgcolor="#2EFEF7">
<hr>

<MARQUEE><H2>MI PRIMERA PAGINA WEB</MARQUEE></H2> <br>
<hr>
<blockquote>
nuetracompañiaofrece:<br>
productosde alta calidadcon todolorelacionadoenel deporte
</blockquote>
<fontcolor="#BLACK"size="4"face="ComicSansMS"><B>PELOTA</B></font>
<fontcolor="#BLACK"size="4"face=" Arial"><I><B>DE TENNIS</I></B></font>
<H3><P ALIGN="CENTER"> Pelotade tenis.Utilizadaparalarealizacióndel deporte tenis;las
mismasdebentenerun
diámetrode 6.35 centímetrosymenorde 6.67, de coloramarillo,siendoesteel únicocolorque
puede utilizarse
acompañadocon blancopara mejorarla visualizaciónde losjugadoresytambiénde los
espectadoresportelevisión.
</P><H3>
<imgsrc="imagenes/logotenis.jpg"alt="TENISLOGOborder="15"width="300" height="250">
<img src="imagenes/pelotade teniss.jpg"alt="TENISPELOTA border="5"width="300"
height="250">
<HR>GUAYOS NIKE<HR/>
<H3><P ALIGN="CENTER"> CR Mercurial VaporSuperflyII.Descripción:ofrecenel innovador
sistemade tracción
adaptativaNike Sense,enel que losdiseñadorescrearonun tacointeligente que puede
extenderse yretraerse hasta
3mm, segúnlascondicionesdel pisoylapresiónejercidaporel jugador.

</P><H3>
<img src="imagenes/LOGONIKE.jpg"alt="NIKELOGOborder="5"width="300" height="250">
<img src="imagenes/GUAYOSNIKE.jpg"alt="NIKEguayosborder="5"width="300"
height="250">
<table width="50%"border="2"align="center"cellspacing="0"bordercolor="#BLACK"
bgcolor="#GREEN">
<tr align="center"bgcolor="#BLACK">
<td>PRODUCTO</td>
<td bgcolor="#BLUE">PRECIO</td>
</tr>
<tr>
<td>PELOTA DE TENNIS</td>
<td>20.000</td>
</tr>
<tr>
<td>GUAYOS NIKE</td>
<td>260.000</td>
</tr>
</table>
<fontcolor="#993366" size="4"face="ComicSansMS,">addidas,nike colombia </font>
<hr align="center"width="50%"size="5"noshade>
<pre> copyright2015@
sportinggoods

calle 42 N° 78 - 43 bogotacolombia
sporting.goods@gmail.com
</pre>
</body>
</html

Clase 5

Recomendados

Recomendados

Más contenido relacionado

La actualidad más candente

La actualidad más candente (18)

Destacado

Destacado (20)

Similar a Clase 5

Similar a Clase 5 (20)

Más de marlontellez14

Más de marlontellez14 (20)

Último

Último (20)

Clase 5