herrera-ignacio/tags_demo.html

## tags_demo.html
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Web title</title>
        <!--
            CSS
            JS
            Google fonts
            Metadata (keywords, description, robots, author, owner)
        -->
    </head>
    <body>
        <header>

            <hgroup>
                <!-- Group related titles -->
                <h1></h1>
                <h2></h2>
            </hgroup>

            <nav>
                <!-- Navbar -->
                <!-- Lists -->
                <ul>
                    <li><a href="index.html">Index</a></li>
                    <li><a target="_blank" href="link.html">New tab</a></li>
                    <li><a target="_blank" href="#example">Go to reference</a></li>
                </ul>
                <ol>
                        <li>Option 1</li>
                        <li>Option 2</li>
                </ol>
            </nav>
        </header>

        <section id="example">
            <article><p>Test paragraph 1</p></article>
            <article><p>Test paragraph 2, <span>special phrase</span></p></article>
            <article><p>Test paragraph 2, <strong>bold phrase</strong></p></article>
            <article><p>Test paragraph 2, <em>italic phrase</em></p></article>

            <aside>
                <!-- Suggested related content -->
            </aside>

        </section>

        <section id="Definition list">
                <dl>
                    <dt>SGML</dt>
                    <dd>Metalenguaje para la definición de otros lenguajes de marcado</dd>

                    <dt>XML</dt>
                    <dd>Lenguaje basado en SGML y que se emplea para describir datos</dd>

                    <dt>XUL</dt>
                    <dd>Lenguajes derivados de XML para determinadas aplicaciones</dd>
                </dl>
        </section>

        <section id="tags">
            <div id="internalDivision_example1">
                <div class="divExampleClass">
                    <!-- Everything with no defined tag -->
                </div>
            </div>
        </section>

        <footer>
        <!-- Cierre de la pagina -->
        </footer>
    </body>
</html>
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>Web title</title>
	<!--
	CSS
	JS
	Google fonts
	Metadata (keywords, description, robots, author, owner)
	-->
	</head>
	<body>
	<header>

	<hgroup>
	<!-- Group related titles -->
	<h1></h1>
	<h2></h2>
	</hgroup>

	<nav>
	<!-- Navbar -->
	<!-- Lists -->
	<ul>
	<li><a href="index.html">Index</a></li>
	<li><a target="_blank" href="link.html">New tab</a></li>
	<li><a target="_blank" href="#example">Go to reference</a></li>
	</ul>
	<ol>
	<li>Option 1</li>
	<li>Option 2</li>
	</ol>
	</nav>
	</header>

	<section id="example">
	<article><p>Test paragraph 1</p></article>
	<article><p>Test paragraph 2, <span>special phrase</span></p></article>
	<article><p>Test paragraph 2, <strong>bold phrase</strong></p></article>
	<article><p>Test paragraph 2, <em>italic phrase</em></p></article>

	<aside>
	<!-- Suggested related content -->
	</aside>

	</section>

	<section id="Definition list">
	<dl>
	<dt>SGML</dt>
	<dd>Metalenguaje para la definición de otros lenguajes de marcado</dd>

	<dt>XML</dt>
	<dd>Lenguaje basado en SGML y que se emplea para describir datos</dd>

	<dt>XUL</dt>
	<dd>Lenguajes derivados de XML para determinadas aplicaciones</dd>
	</dl>
	</section>

	<section id="tags">
	<div id="internalDivision_example1">
	<div class="divExampleClass">
	<!-- Everything with no defined tag -->
	</div>
	</div>
	</section>

	<footer>
	<!-- Cierre de la pagina -->
	</footer>
	</body>
	</html>