Scribd
Upload
28 views

HTML 5

The document is an HTML tutorial that discusses the <address> tag. It provides an example of basic page layout using HTML5 semantic tags like <header>, <nav>, <section>, <article>, and <footer>. The example code shows the structure and styling of a simple web page with a header, navigation bar, main content area containing two articles, and a footer, demonstrating the use of these tags.

Uploaded by

Cesar Cely
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
28 views

HTML 5

The document is an HTML tutorial that discusses the <address> tag. It provides an example of basic page layout using HTML5 semantic tags like <header>, <nav>, <section>, <article>, and <footer>. The example code shows the structure and styling of a simple web page with a header, navigation bar, main content area containing two articles, and a footer, demonstrating the use of these tags.

Uploaded by

Cesar Cely
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 5

http://alopezaberasturi.blogspot.

com
/2013/05/curso-html5-post-6-la-
etiqueta-address.html




<style type="text/css" >
body {
width: 940px;
font: 12px Helvetica, Arial, sans-
serif;
background: #f5f5f1;
margin: auto;
}
header, section, footer, aside, nav,
article {
display: block;
position: relative;
float:left;
height: 40px;
}
header {
width: 100%;
background: #ddd;
}

nav {
width: 240px;
background: #fff;
background: #999;
}

section {
background: #777;
width: 700px;
height: 100%;
}

article {
width: 650px;
margin: 10px;
background: #aaa;

}
aside {
width: 240px;
}

footer {
width: 100%;
background: #666;
}

</style>




<!DOCTYPE html>
<head>
<meta charset="UTF-8" />
<title>Mi primera pagina
web</title>
</head>
<body>
<header> Cabecera
</header>
<aside>
<nav>
Navegador
</nav>
</aside>
<section> Seccion
<article>
Articulo 1
</article>
<article>
Articulo 2
</article>
</section>
<footer>
Pie de pagina
</footer>
</body>
</html>

You might also like