Está en la página 1de 4

INDEX

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Principal</title>
</head>
<body>
<!--Etiquetas h -->
<h1>Ejemplo de la etiqueta "h"</h1>
<h2>Ejemplo de la etiqueta "h"</h2>
<h3>Ejemplo de la etiqueta "h"</h3>
<h4>Ejemplo de la etiqueta "h"</h4>
<h5>Ejemplo de la etiqueta "h"</h5>
<h6>Ejemplo de la etiqueta "h"</h6>

<!-- div Es elemento que define una división genarl -->


<!-- Ejemplo del Div -->
<div>

<!-- nav este elemento definice una division que contiene


ayuda para la navegacion -->
<nav class="menu1">
<!-- ul viene del "unodered lis" lista no ordenada-->
<ul>
<!-- li viene del "item lis" es una lista declarada-->
<li><a href="/Mi Primer Pagina/Fotos.html">Fotos
<!-- viene siendo el tag de la palabra hyperlink -->
</a></li>
<li><a href="/Mi Primer Pagina/Videos.html">Videos</a></li>
<li><a href="/Mi Primer Pagina/Contacto.html">Contacto</a></li>
<li><a href="/Mi Primer Pagina/index.html">Principal</a></li>

</ul>
</nav>

</div>
<div>
<!--section es para agregar un espacio de trabajo de texto-->
<section>
<!-- Es el parrafo de texto-->
<article>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Porro,
nam illum quaerat culpa, laudantium
reiciendis minus exercitationem et aliquid ipsum blanditiis
maxime atque earum! Ex dolorum dolores ipsam quam
qui.
</article>
</section>
<section>
<!-- aside nos sirve para citar el articulo-->
<aside>
Lorem ipsum es un texto aleatoreo
</aside>
</section>

</div>
<div class="menu2">
<nav>
<ul>
<li><a href="Fotos.html">Mis fotos</a></li>
</ul>
</nav>
</div>

</body>
</html>

VIDEOS

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Video</title>
</head>
<body>
<h1>Esta es la pagina de Videos</h1>
<nav class="menu1">
<ul>
<li><a href="/Mi Primer Pagina/Fotos.html">Fotos</a></li>
</ul>
<ul>
<li><a href="/Mi Primer Pagina/Videos.html">Videos</a></li>
</ul>
<ul>
<li><a href="/Mi Primer Pagina/Contacto.html">Contacto</a></li>
</ul>
<ul>
<li><a href="/Mi Primer Pagina/index.html"></a>Principal</li>
</ul>
</nav>
</body>
</html>

FOTOS

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Fotos</title>
</head>
<body>
<h1>Esta es la pagian de Fotos</h1>
<nav class="menu1">
<ul>
<li><a href="/Mi Primer Pagina/Fotos.html">Fotos</a></li>
</ul>
<ul>
<li><a href="/Mi Primer Pagina/Videos.html">Videos</a></li>
</ul>
<ul>
<li><a href="/Mi Primer Pagina/Contacto.html">Contacto</a></li>
</ul>
<ul>
<li><a href="/Mi Primer Pagina/index.html">Principal</a></li>
</ul>
</nav>
</body>
</html>

CONTACTO

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Contacto</title>
</head>
<body>
<h1>Esta es la pagina de Contacto</h1>
<nav class="menu1">
<ul>
<li><a href="/Mi Primer Pagina/Fotos.html">Fotos</a></li>
</ul>
<ul>
<li><a href="/Mi Primer Pagina/Videos.html">Videos</a></li>
</ul>
<ul>
<li><a href="/Mi Primer Pagina/Contacto.html">Contacto</a></li>
</ul>
<ul>
<li><a href="/Mi Primer Pagina/index.html"></a>Principal</li>
</ul>
</nav>

</body>
</html>

También podría gustarte