LECCIÓN 4: ¿ CÓMO CREAR UNA TABLA EN HTML, PONER IMAGEN, COLOR Y PONER PÁGINAS CON ENLACE?
Antes de continuar, debes tener en cuenta la lección anterior; ya que son una base para personalizar más tu página.
¿ CÓMO CREAR UNA TABLA EN HTML ?
1. Haga la tabla en una hoja de papel
2. Abra la página que le quiere adicionar la tabla en block de notas
3. Debe tener en cuenta el código html para tabla, que como se específica en la página anterior debe tener una entrada y una salida. El código es el siguiente:
Entrada: <Table> Salida: </Table>
4. Una vez que se ponga el código html de tabla, después del código de entrada y antes del código de salida, debemos poner las filas y luego las columnas. Para la filas la entrada es < tr > y la saida </tr>. Para columnas la entrada es <td> y salida </td>, en medio de la entrada y la salida se pone el contenido de la fila o columna.
5. Guardamos y actualizamos la página para verificar cambios.
La estructura es la siguiente:
<Table border="1">
<tr>
<td>CIUDAD </td>
<td>TEMPERATURA </td>
<td>HABITANTES </td>
</tr>
<tr>
<td>Buenaventura </td>
<td>26°C </td>
<td>500.000 </td>
</tr>
<tr>
<td>Bogotá </td>
<td>12°C </td>
<td>8.000.000 </td>
</tr>
</Table>
NOTA 1: Si observas en el ejemplo anterior, al principio, al lado de Table aparece el código border="3", este indica el grosor del borde de la tabla que puede ser 1,2,3,4 y asi sucesivamente.
MÁS INFORMACIÓN PARA CREAR TABLAS
¿ CÓMO PONER UNA IMAGEN EN HTML ?
1. Buscar la imagen, descargarla y guardarla con el formato preferido; por ejemplo imagen1.jpg ó imagen2.gif.
2. Poner el siguiente código <img src="nombreimagen.jpg"> donde se prefiera, pero antes del código de salida de página.
3. Guardar y verificar cambios
La estructura es la siguiente:
<img src="m1.jpg">
<img src="m2.jpg">
<img src="m3.jpg">
<img src="m4.jpg">
<img src="m5.jpg">
<img src="m6.jpg">
NOTA 2: Para poner una imagen en cuadro, colocamos en medio del código de fila, la etiqueta de imagen, la estructura es la siguiente:
<td> <img src="IMG_7621.jpg" Height="400" Witch="400"> </td>
¿ CÓMO PONER COLOR A LA PÁGINA HTML ?
1. Primero revisar en la siguiente página la paleta de colores de html: http://platea.pntic.mec.es/~abercian/guiahtml/colores.htm
2. Escoger el código de colores
3. Escribirlo como se muestra en el ejemplo siguiente antes de que se cierre la página:
<BODY BGCOLOR="#FA58D0">
4. Guardar cambios y actualizar.
¿ CÓMO ENLAZAR PÁGINAS EN HTML ?
1. Debo crear cada página independiente, a través de block de notas
2. Colocarles nombres a las páginas creadas de forma que estén consecutivas;por ejemplo, pág1, pág2 y pág3.
3. Descargar imagenes que señalen siga,como flechas, fin o comienzo.
4. Colocar el siguiente código antes de la salida:
<TR>
<TD>
<a href="pág3.html"> <IMG src="fin.png"width="80" height="80"></a>
</TD>
<TD>
<a href="pág1.html"> <IMG src="siguiente.jpg"width="80" height="80"></a>
</TD>
</TR>
5. Guardar y actualizar página
NOTA3: Cómo puedes observar, los enlaces están dentro de una tabla, la cuál ya se había explicado.
No hay comentarios:
Publicar un comentario