1. CÓDIGOS DE TEXTOS EN HTML
Las tablas son construidas utilizando elementos. En particular, una tabla básica
puede ser declarada usando tres elementos, a saber, table (el contenedor
principal), tr (representando a las filas contenedoras de las celdas) y td
(representando a las celdas).
EJEMPLO:
<table class="egt"> <tr> <td>Celda 1</td>
<td>Celda 2</td> <td>Celda 3</td> </tr>
<tr> <td>Celda 4</td> <td>Celda 5</td>
<td>Celda 6</td> </tr> </table>
2. CELDAS DE ENCABEZADO
Ahora que ya hemos tratado la estructura básica de una tabla, es hora de
a crear tablas más útiles. Una celda de encabezado es un tipo especial de celda
utilizada para organizar y categorizar otras celdas en la tabla. Dicho esto, es diícil
imaginar una tabla donde una celda de encabezado no tenga utilidad.
<table class="egt"> <tr> <th>Hoy</th>
<th>Mañana</th> <th>Sábado</th> </tr> <tr>
<td>Soleado</td> <td>Mayormente
soleado</td> <td>Parcialmente nublado</td>
</tr> <tr> <td>19°C</td> <td>17°C</td>
<td>12°C</td> </tr> <tr> <td>E 13 km/h</td>
<td>E 11 km/h</td> <td>S 16 km/h</td> </tr>
</table>
3. CODIGOS DE IMÁGENES EN HTML
• El tag básico para colocar una imagen es “img“. Este tag, a diferencia de la gran
mayoría de los tags de html, no necesita un cierre. Va acompañado de diferentes
atributos que te vamos a explicar a continuación.
<img src="html/imagenes/prueba.jpg" border="1"
alt="Este es el ejemplo de un texto alternativo"
width="400" height="300">
4. CODIGOS DE BORDES EN HTML
Se puede elegir entre diferentes estilos de borde. Más
abajo se muestran 8 estilos de borde según los interpreta
Internet Explorer 5.5. Todos los ejemplos se muestran con
el valor del color a "oro" y el valor de la anchura a "thick",
pero se pueden mostrar, por supuesto, en otros colores y
grosores.
Si no queremos mostrar ningún borde, se puede usar los
valores none o hidden.
5. h1 {
border-width: thick;
border-style: dotted;
border-color: gold;
}
h2 {
border-width: 20px;
border-style: outset;
border-color: red;
}
p {
border-width: 1px;
border-style: dashed;
border-color: blue;
}
ul {
border-width: thin;
border-style: solid;
border-color: orange;
}
Ejemplos de definición de bordes
Las tres propiedades descritas anteriormente se pueden
unir para cada elemento y así producir diferentes bordes.
Para ilustrar esto, veremos un documento en el que
definimos diferentes bordes para los elementos <h1>,
<h2>, <ul> y <p>. El resultado puede que no sea
demasiado bonito pero ilustra gráficamente algunas de
las muchas posibilidades