<!DOCTYPE html>
<html lang="es">
<head>
<title>Título de la WEB</title>
<meta charset="UTF-8">
<meta name="title" content="Título de la WEB">
<meta name="description" content="Descripción de la WEB">
<link href="estilos.css" rel="stylesheet">
</head>
<body>
<header>
<h1>Título de la WEB</h1>
</header>
<nav>
<a href="#">IR SECCIÓN 2</a>
<a href="#">IR SECCIÓN 3</a>
</nav>
<section>
<article>
<h2>CONTENIDO PRINCIPAL</h2>
<p>Este es el contenido principal de mi web.</p>
</article>
</section>
<aside>
<h3>Testimonios</h3>
<p>Me gusta mucho esta página.</p>
</aside>
<footer>
<h4>Redes sociales</h4>
<a href="#">Facebook</a>
<a href="#">Tiwtter</a>
</footer>
</body>
</html>
Las etiquetas de contenido son las que agrupan el contenido que hay en su interior.
<!-- Elemento <p> -->
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Officia beatae aliquam non natus aut id sint ea? Natus tempore hic reprehenderit temporibus minima nisi, quia, magnam omnis, officiis molestiae earum.</p>
<!-- Elemento <hr> -->
<hr>
<!-- Elemento <pre> -->
<pre>Contenido preformateado Conserva los espacios,
los saltos de línea y los tabuladores del texto original.
</pre>
<!-- Elemento <blockquote> -->
<blockquote>Con blockquote representamos un contenido citado desde otra fuente.</blockquote>
<!-- Elemento <ol> -->
<ol>
<li>Lista ordenada</li>
<li>Lista ordenada</li>
<li>Lista ordenada</li>
</ol>
<!-- Elemento <ul> -->
<ul>
<li>Lista sin orden</li>
<li>Lista sin orden</li>
<li>Lista sin orden</li>
</ul>
<!-- Elementos <dl> <dt> <dd>-->
<dl>
<dt>Término 1</dt>
<dd>Definición del término 1.</dd>
<dt>Término 2</dt>
<dd>Definición del término 2.</dd>
<dt>Término 3</dt>
<dd>Definición del término 3.</dd>
</dl>
<!-- Elementos <figure> y <figurecaption>-->
<figure>
<img src="<https://www.eniun.com/wp-content/uploads/eniun-icon-user-experience.svg>"
alt="Usabilidad">
<figcaption>Figura 1</figcaption>
</figure>
<!-- Elemento <div>-->
<div>Contenedor tipo div</div>
Las etiquetas de texto son las que dan significado a los textos que contienen.