Se ha denunciado esta presentación.
Se está descargando tu SlideShare. ×

Martin lopoez 905 12 (1)

Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Próximo SlideShare
Martin lopoez 905 12
Martin lopoez 905 12
Cargando en…3
×

Eche un vistazo a continuación

1 de 5 Anuncio
Anuncio

Más Contenido Relacionado

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

Anuncio
Anuncio

Más reciente (20)

Martin lopoez 905 12 (1)

  1. 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. 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. 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. 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
  5. 5. </boby> </html>

×