xml
<?xml version= "1.0" encoding= "UTF-8"?>
<?xml version= "1.0" encoding= "iso-8859-1" ?>
<1DOCTYPE html>
html
title
body
<!DOCTYPE html>
<html>
<!--comentario-->
<head>
<meta charset= "UTF-8">
<title>Semántica a nivel de texto</title>
</head>
<body>
<h1>La vida es un nival alto de entenderlo</h1>
<h2>No cometer los mismos errores que los demás</h2>
<h3>Aqui hay sol</h3>
<h4>No estoy disponible</h4>
<h5>Más sabe más sufrir</h5>
<h6>Olvida los consejos de un hombre que habla de los demás</h6>
Texto marcado como <strong>importante</strong>
<br>
Texto con <em>énfasis<em>
<br>
Texto marcado <small>con el elemento small</small>
<br>
Pulsa <a href="[Link] ir a la página del W3C.
<p>Aqui hay  </p>
<br>
</body>
</head>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Listas</title>
</head>
<body>
<h1>Ejemplo de lista desordenada: Módulos de 1º de ASIR</h1>
<ul>
<li>Fundamentos de Hardware</li>
<li>Gestión de Bases de Datos</li>
</ul>
<h1>Ejemplos de listas ordenadas: Módulos de 1º de ASIR</h1>
Comenzando en 1
<ol>
<li>Fundamentos de Hardware</li>
<li>Gestión de Bases de Datos</li>
</ol>
Comenzando en 4
<ol start = "4">
<li>Fundamentos de Hardware</li>
<li>Gestión de Bases de Datos</li>
</ol>
<h1>Ejemplo de lista de definición: Módulos de 1º de ASIR</h1>
<dl>
<dt>Fundamentos de Hardware</dt>
<dd>Componentes fÍsicos de un ordenador</dd>
<dt>Gestión de Bases de Datos</dt>
<dd>Diseño y uso de bases de datos relacionales</dd>
</dl>
</body>
</html>
Elemento Descripción
ul Delimita los elementos que forman una lista desordenada
ol Delimita los elementos que forman una lista ordenada. Tiene varios atributos.
dl Delimita los elementos que forman una lista de definición
li Cada uno de los elementos de una lista ordenada o desordenada.
dt Cada uno de los términos que se definen de una lista de definición.
dd Cada una de las definiciones de una lista de definición.
Elemento Descripción
table Delimita el contenido de una tabla.
tr Delimita cada una de las líneas de la tabla.
td Delimita el contenido de cada celda de la tabla.
colgroup Permite agrupar columnas.
tbody Permite agrupar líneas de la tabla.
thead Define la línea cabecera de la tabla.
th Delimita cada una de las celdas de la cabecera
tfoot Define la fila pie de la tabla.
caption Para añadir una leyenda a la tabla
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Tablas</title>
</head>
<body>
<table>
<caption>Tabla de socios</caption>
<tr>
<th>Nombre</th>
<th>Apellido</th>
<th>Edad</th>
</tr>
<tr>
<td>Juan</td>
<td>Puertas</td>
<td>54</td>
</tr>
<tr>
<td>Eva</td>
<td>Montes</td>
<td>44</td>
</tr>
</table>
</body>
</html>