Creación de web con el Bloc de Notas III - Maiatzak 24

Seguimos aprendiendo nuevos códigos:

Encabezados:

Uno de los elementos de formato que nos resultará imprescindible será la diferenciación de tamaños de letra para poder introducir títulos de epígrafes y organizar visualmente la información.  Disponemos para esta tarea de seis formatos predeterminados de cabeceras. Para utilizarlos deberemos poner la etiqueta de apertura delante de la primera letra cuya apariencia deseemos modificar y cerrar tras la última para volver al texto normal.

Justificación

La justificación del texto por defecto se hace a la izquierda. Además de la justificación por defecto podemos también justificar el texto a partir del centro o a partir de la derecha. Para hacerlo deberemos poner al principio del párrafo que deseamos justificar la etiqueta de apertura y la de cierre en el final.

Centrado: <CENTER> TEXTO </CENTER>

Alineado derecha: <DIV ALIGN=right> TEXTO </DIV>


Tablas

En HTML, las tablas se construyen especificando filas y celdas. El conjunto de celdas de una fila irá encerrado en las etiquetas de fila, y el conjunto de filas de la tabla, en las etiquetas de tabla.
El comienzo y fin de una tabla se define mediante el tag <table> ... </table>. Para especificar cada fila de la tabla se utilizan las etiquetas <tr> ... </tr>. Finalmente, para especificar cada celda de una fila habrá que usar las etiquetas <td> ... </td>.
Teniendo en cuenta estas simples reglas, vamos a mostrar a continuación algunos ejemplos:


 <TABLE BORDER="3" CELLSPACING="5" WIDTH="150">
     <TR>
          <TD>1 </TD> <TD> 2 </TD>
     </TR> <TR>
          <TD>3 </TD> <TD> 4</TD>
</TR>
</TABLE>

Ejercicios:

- Crea un bloc de notas para hacer los ejercicios de hoy. Luego al final lo llamarás “Bloc 2 + vuestro nombre.html”

- Escribe seis de los días de la semana con diferente tamaño. Para eso tendrás que usar los códigos de los encabezados.

- Coge de internet un párrafo y pégalo tres veces. Cada uno de ellos tiene que estar justificado de una forma diferente: izquierdo (el normal), otro centrado y otro a la derecha (lee en la teoría el apartado “justificación”).

- Crea una tabla de tres filas y tres columnas. En cada celda escribe un color. Cada palabra tiene que ir con el color que has escrito.