1. COLEGIO NICOLÁS ESGUERRA
EDIFICAMOS FUTURO
MARTINCASTRO JULIAN 905
JORGE ANDRES LOPEZ MARTINEZ 905
PAGINA WEB 4
Tabla <table>:
Las tablasestánformadaspor celdas,que sonlosrecuadrosque se obtienencomoresultadode la
intersecciónentre unafilayunacolumna.
imagen y texto
COLUM
NA
Texto dentro
de una celda
FILA CELDA
2. Fila<tr>:
Es necesarioinsertarlasetiquetas <tr> y </tr> por cada una de las filasde latabla.Estas etiquetas
deberáninsertarse entre lasetiqetas <table>y </table>.
Por ejemplo,paracrear unatabla con cincofilasescribiríamos
<table>
<tr>...</tr>
<tr>...</tr>
<tr>...</tr>
<tr>...</tr>
<tr>...</tr>
</table>
Columnaocelda<td>
Para crear una tablano basta con especificarel númerode filas,esnecesariotambiénespecificar
el númerode columnas.
Una celdaes el resultadode laintersecciónentreunafilayunacolumna,por loque podremos
especificarel númerode celdasporfila,que equivale aespecificarel númerode columnasporfila.
Es necesarioinsertarlasetiquetas<td>y </td> por cada una de las celdasque compongancada
una de las filasde latabla.Por lotanto,habrá que insertaresasetiquetasentre lasetiquetas<tr>y
</tr>.
Entre lasetiquetas<td>y </td> se podrá especificarel contenidode cadaunade lasceldas.Por
ejemplo, parainsertarlasiguiente tabla:
Formatode latabla:
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)
3. bgcolor color de fondo número hexadecimal
background imagen de fondo número hexadecimal
bordercolor color del borde número hexadecimal
Con estoindicamosque el ancho(width) de latabladebe ocuparel 50% del anchode la ventana
(lopuedescomprobarcambiandoel anchode laventanade tu navegadory verásque el ancho de
la tablavaría para ocupar siempre lamitadde laventana),que el borde (border) tieneungrosor
de dos píxeles(esmásanchoque lasseparacionesinternasde latablaque tienengrosor1),que la
tablaestá alineadaal centro(center) de laventana,que nohay espacioentre lasceldas
(cellspacing="0"),que el borde latablaesnegro(#000000) y el fondonaranja(#FFCC99).
Formatode lasceldas:
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
<html>
<head>
<title>diesell movil 905</title>
</head>
<!-- paginawebelavoradaporjulianmartinjorge lopez905 //-->.
<bodybgcolor="0099ff">bienvenidosanuestrawebcorporativa<br>
<hr>
<fontcolor="BLACK"size="5"face=" Arial"><B>diesellmovil</PRE></font>
<fontcolor="CC00CC" size="3"face=" Arial"><i>ORGULLOCOLOMBIANO</i></font>
<PRE>
<img src="imagenes/LOGO1.JPG"ALT="DULCES"BORDER="3" width="400" height="160"><img
4. src="imagenes/LOGO2.JPG"ALT="DULC"BORDER="3"width="400"height="160"><img
src="imagenes/MCLAREN .JPG"ALT="DULCES"BORDER="3"width="400"height="160">
<PRE>
<fontcolor="FFFF00" size="5"face="MS SansSerif"><b>COLOMBINA<b> </font>
<fontcolor="0000FF" size="3"face="MS Sans Serif"><i>EL SABORES INFINITO</i></font>
<PRE>
<img src="imagenes/COLO1.JPG"ALT="DULCES"BORDER="7"width="400"height="160"><img
src="imagenes/COLO2.JPG"ALT="DULCES"BORDER="7"width="400"height="160"><img
src="imagenes/COLO3.JPG"ALT="DULCES"BORDER="7"width="400"height="160">
<PRE>
<table width="100%"border="2" align="center"cellspacing="0"bordercolor="RED"
bgcolor="GREEN">
<tr align="center"bgcolor="BLAK">
<td>PRODUCTO</td>
<td>DESCRIPCION</td>
<td>IMAGEN</td>
</tr>
<tr>
<td>COLOMBINAS</td>
<td>UNA BOLA DE SABORES CON CHICLE EN EL INTERIOR</td>
<td><imgsrc="imagenes/colombinas.JPG"ALT="DULCES"BORDER="7"width="400"
height="160">
</tr>
<tr>
<td>GOMA DE MASCAR</td>
<td>DULCE MASTICABLE DE DIBERSOSSABORESPARA MEJORAR EL ALIENTO</td>
<td><imgsrc="imagenes/chicles.JPG"ALT="DULCES"BORDER="7"width="400"height="160">
</tr>
</table>
<p>ColombinaS.A.esunacompañía global de alimentosconsede enel Valle del Cauca,
Colombia.
Cuentacon más de 84 años de experienciaenlafabricaciónycomercializaciónde
alimentos.
Actualmente ofreceunamplioportafoliode productosendiferenteslíneas:
confitería,galletería,pastelería,salsas,conservasyhelados.
Adicionalmenterealizaladistribuciónexclusivade marcastradicionalesen
ColombiacomoCafé Buendíay VanCamp’s.La Compañía exportasusproductosa más
de 45 paísesdel continente Americano,AsiayEuropa.Es unode losmayoresempleadores
del país
con más de 6.500 colaboradoresyuntotal aproximadode 8.000 personasentodoel mundo.
</p>
<hr align="center"width="50%"size="5"color="red"noshade>
<pre>
copyrigt2015
colegionacional nicolasesguerra
calle 6 85-35 bogota-colombia