Lenguaje de Marcas, Parte 2 (29/10/2020)

LM-TABLAS

La clase de hoy se ha comprobado que se han instalado todos los plugin necesarios en Visual Studio Code. El resto de la clase ha tratado sobre el tema 2, que consiste en la creación de una página web sencilla. 

Como contenido nuevo del día de hoy, hemos aprendido ha introducir elementos de listas. Existen listas ordenadas denominados <ol> y elementos desordenados denominados <ul>. La estructura de un elemento de lista tanto ol como ul debe incluir unos elementos de lista denominados <li> donde se incluye lo que queramos que forme parte de la lista, ejemplo:

    <ul>

        <li>Elemento desordenado 1</li>

        <li>Elemento desordenado 2</li>

    </ul>

    <ol>

        <li>Elemento ordenado 1</li>

        <li>Elemento ordenado 2</li>

    </ol>

Una manera de abreviar y crear mas rápidamente una lista en VSC seria: ul>li{Elemento de lista}*4. te creará una lista de cuatro elementos.

Posteriormente hemos aprendido a crear tablas, mediante la etiqueta <table>, donde se incluye la etiqueta <tr> que son filas, y las etiquetas <th> para crear cabeceras y <td> para el resto de contenido. En general estas dos etiquetas crean las celdas, ejemplo:

<table>

<tr>

<th>Cabecera celda 1</th>

</tr>

<tr>

<td>Contenido celda 1</td>

</tr>

</table>

Una manera de abreviar la creación de tablas sería: table>tr*3>td{Columna}*4.

Dentro de las etiquetas anteriores, podemos encontrarnos atributos como: (<table>) align, bgcolor, width, border, bordercolor, cellspacing, cellpadding,..., (<tr>) align, valign, char, charoff, (<th>, <td>) rowspan, colspan, char, align, valign,... .

encontramos además la etiqueta <colgroup> para agrupar columnas, o <caption> para poner título a la tabla.