Recomendados
Más contenido relacionado
La actualidad más candente
Similar a Clase 5
Similar a Clase 5 (20)
Más de marlontellez14
Más de marlontellez14 (20)
Último
Último (20)
Clase 5
- 1. 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
- 2. 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
- 3. 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
- 4. <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"> <!--paginaweblaelaboromarlontellezymarco suarezdel grado903//-->. <bodybgcolor="#2EFEF7"> <hr>
- 5. <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.
- 6. </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
- 7. calle 42 N° 78 - 43 bogotacolombia sporting.goods@gmail.com </pre> </body> </html