Scribd
Cargar
3 vistas3 páginas

Estructura básica de una página web

Cargado por

Xiomara de los Cielos Centeno Saravia
Derechos de autor
© All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
3 vistas3 páginas

Estructura básica de una página web

Cargado por

Xiomara de los Cielos Centeno Saravia
Derechos de autor
© All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd

<!

DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Document</title>

<link rel="stylesheet" href="[Link]">

</head>

<header>

<div class="logo">LOGO </div>

<nav>

<ul>

<li><a href="#">Texto1</a> </li>

<li><a href="#">Texto2</a> </li>

<li><a href="#">Texto3</a> </li>

<li><a href="#">Texto4</a> </li>

<li><a href="#">Texto5</a> </li>

</ul>

</nav>

</header>

<body>

<section class="principal">

<h1>TITULO DE LA PAGINA</h1>

<p>Espacio para un parrafo Lorem</p>

<a href="#" class="boton">Ver mas</a>

</section>

<section class="parrafo">

<p>ESPACIO PARA UN LOREM</p>


</section >

<section class="tarjetacontenedor">

<div class="tarjeta">

<p><strong>para una imagen</strong></p>

<p>Espacio para escribir un parrafo lorem</p>

<a href="#" class="boton">Ver mas</a>

</div>

<div class="tarjeta">

<p><strong>para una imagen</strong></p>

<p>Espacio para escribir un parrafo lorem</p>

<a href="#" class="boton">Ver mas</a>

</div>

<div class="tarjeta">

<p><strong>para una imagen</strong></p>

<p>Espacio para escribir un parrafo lorem</p>

<a href="#" class="boton">Ver mas</a>

</div>

</section>

<footer>

<div class="logo"> LOGO</div>

<nav>

<ul>

<li><a href="#">Texto1</a> </li>

<li><a href="#">Texto2</a> </li>

<li><a href="#">Texto3</a> </li>

<li><a href="#">Texto4</a> </li>

<li><a href="#">Texto5</a> </li>

</ul>
</nav>

</footer>

</body>

</html>

También podría gustarte