Durante las últimas clases hemos estado realizando prácticas con relación al lenguaje HTML.
Hemos comenzado con una sencilla práctica sobre la estructura HTML.
Para programar hemos utilizado la app Bloc de notas y, para hacerlo útil en html, le hemos añadido la extensión (.html).
Siempre, al comenza una página html, debemos utilizar <html> y para acabar </html>.
Dentro del documento comenzamos con el encabezamiento comenzando con <HEAD> y terminándolo con </HEAD> y, la segunda parte, el cuerpo, delimitado por <BODY> y </BODY>, donde pondremos lo que queremos que aparezca en el documento.
Durante la segunda práctica hemos aprendido a hacer listas y tablas. Estas se hacen siguiendo la siguiente estructura:
|
Lista no numerada <ul>:
|
Lista numerada <ol>:
|
|
<ul>
<li>Madrid <li>Barcelona <li>Zaragoza </ul>
|
<ol>
<li>Lentejas
<li>Garbanzos
<li>Judías
</ol>
|
Como práctica hemos realizado una página con diferentes listas numeradas y no numeradas con cosas que llevaríamos a una isla desierta y las personas con las que iría.
La segunda parte de la práctica consistía en la realización de tablas las cuales necesitan los siguientes comandos:
|
Etiqueta de
inicio
|
Etiqueta final
|
Descripción de
la etiqueta
|
|
<TABLE>
|
</TABLE>
|
Creación de la tabla
|
|
<TABLE BORDER>
|
</TABLE>
|
Etiqueta para tabla con
bordes
|
|
<TR>
|
</TR>
|
Establece una fila dentro
de una tabla
|
|
<TD>
|
</TD>
|
Define una celda dentro de
una tabla
|
|
<TH>
|
</TH>
|
Centra una cabecera en la
parte superior de la tabla o en un lado
|
|
<CAPTION>
|
</CAPTION>
|
Fija un título en la parte
superior de la tabla.
|
Para las tablas, además podemos añadir los siguientes atributos:
border="nº": Establece la aparición de borde alrededor de las celdas de la tabla, su grosor.align=top¦bottom: Dentro de la etiqueta caption,
establece la ubicación del título de la etiqueta, y establecemos su aparición en la parte inferior o superior.align=left¦center¦right: Establece la ubicación de los
datos dentro de las celdas. Funciona dentro de las etiquetas tr, th
y td.colspan=numero: Indica cuántas columnas ocupa la
celda.rowspan=numero: Indica cuántas líneas ocupa la
celda.width=numero¦porcentaje: Establece el ancho de la tabla o
de las celdas especificadas en un valor en píxeles o en porcentaje con respecto
al ancho del documento.
Para la práctica hemos realizado una tabla con nuestro horario de clase.