Hola a todos! Bienvenidos a una nueva clase del Curso de Introducción a la creación de páginas web con HTML5. En esta lección, comenzaremos a trabajar con una de las formas más usadas en HTML, organizando el contenido. Las tablas.
Aunque con HTML5, hayan decaído su uso, estas etiquetas siguen siendo más que importantes, y aun hoy utilizadas con frecuencia. Este desuso viene dado por la aparición de diferentes pantallas en teléfonos móviles y tablets, ya que necesitan elementos responsive, que no son aplicables a estas tablas.
¡Vamos con el vídeo!
RESUMEN DEL VÍDEO:
Hoy veremos las tablas, que, aunque están en desuso, sigue siendo importante conocerlas. Para definir una tabla usaremos <table>, con <tr> definiremos las filas y con <td> definiremos las columnas. Si queremos definir los bordes usaremos el atributo “border”. También podemos definir su tamaño con “width» y “height”. Para definir un encabezado, usaremos <th>. Veremos también algunas técnicas para mejorar nuestro código html.
CÓDIGO DE EJEMPLO:
<!DOCTYPE html>
<html lang="en">
<head>
<title>Mi séptima clase con TUTORIALESDEPROGRAMACIÓN.COM</title>
</head>
<body>
<table style="border-collapse: collapse; width: 200px; height: 200px;">
<tr style="background-color: blue;"> <th style="border: 2px solid black;">Hola</th> <th style="border: 2px solid black;">Mundo</th> <th style="border: 2px solid black;">Tercera</th></tr>
<tr><td rowspan="3" style="border: 3px solid black;">Clase</td> <td colspan="2" style="border: 3px solid black;"> Con tablas</td> <td>Tercera</td></tr>
<tr><td style="border: 2px solid black; text-align: right;">Hola</td> <td style="border: 2px solid black;"> Mundo</td></tr>
<tr><td style="border: 2px solid black;">Clase</td> <td style="border: 2px solid black;"> Con Tablas</td></tr>
</table>
</body>
</html>¿Te ha surgido alguna duda? No dudes en ponerte en contacto con nosotros, a través del soporte de la intranet.
Nos vemos en la siguiente lección. En esta ocasión, los elementos multimedia.