ESTRUCTURA
GLOBAL DE UN DOCUMENTO Y ELEMENTOS BASICOS
Un
documento HTMLse compone de tres partes:
1.
una línea que contiene información sobre la versión de HTML.
2.
una sección de cabecera declarativa (delimitada por el elemento HEAD).
3.
Un cuerpo, que contiene el contenido real del documento. El cuerpo puede ser especificado
mediante el elemento BODY o mediante el elemento FRAMESET.
Los elementos
básicos con los que cuenta un documento HTML, son el medio por el cual el usuario
tiene interacción con la información, los elementos que son más utilizados son;
Vínculos Imágenes, Objetos, Aplicaciones.
<htmllang='es'>
<head>
<title>Estructura
básica de una página web en HTML5</title>
</head>
<body>
<header>
<nav>
<a href='inicio.html'>Inicio</a>
<a
href='contacto.html'>Nosotros</a>
<a href='opcion1.html'>Opcion</a>
<a href='opcion2.html'>Opcion</a>
</nav>
</header>
<aside>
<p>Estas secciones son
amenudo Representadas como barras laterales o como
inserciones y contiene una
explicación al margen como una definición de
glosario,publicidad,la
biografía del autor,o en aplicaciones web,la
información de perfil o
enlaces a blogs relacionados</p>
</aside>
<section>
<p>Un section es una
manera de dividir la página por Secciones de tal
modo que podemos dividir el
contenido de esta por temas</p>
<article>
<h1>El article es la
parte mas importante del sitio</h1>
<p>Basicamente en el
article pondremos lo más importante de la
página, en orden jerárquico,
un article puede tener headery
footer, sin estropear el
diseño.</p>
</article>
</section>
<footer>
<p>©Derechosreservados</p>
</footer>
</body>
</html>
Las páginas HTML habituales
suelen tener una estructura más compleja que la
que se puede crear solamente
mediante párrafos. De hecho, es habitual que las
páginas se dividan en diferentes
secciones jerárquicas.
Los títulos de sección se
utilizan para delimitar el comienzo de cada sección de la
página. HTML permite crear
secciones de hasta seis niveles de importancia. De
esta forma, aunque una
página puede definir cualquier número de secciones, sólo
puede incluir seis niveles
jerárquicos.
Las etiquetas que definen
los títulos de sección son <h1>, <h2>, <h3>, <h4>,
<h5> y <h6>. La etiqueta <h1> es la de mayor importancia y
por tanto se utiliza para definir los titulares de la página. La importancia
del resto de etiquetas es descendiente, de forma que la etiqueta <h6> es
la que se utiliza para delimitar las secciones menos importantes de la página.
El siguiente ejemplo muestra
el uso de las etiquetas de título de sección:
<html>
<head>
<title>Ejemplo de
texto estructurado con secciones</title>
</head>
<body>
<h1>Titular de la
página</h1>
<p>Párrafo de
introducción...</p>
<h2>La primera
sub-sección</h2>
<p>Párrafo de
contenido...</p>
<h2>Otra
subsección</h2>
<p>Más párrafos de
contenido...</p>
</body>
</html>
Los navegadores muestran el
ejemplo anterior de la siguiente manera: Los navegadores asignan de forma
automáticamente el tamaño del título de cada sección en función de su
importancia. Así, los títulos de sección <h1> se muestran con el tamaño
de letra más grande, ya que son el nivel jerárquico superior, mientras que los
títulos de sección <h6> se visualizan con un tamaño de letra muy pequeño,
adecuado para el nivel jerárquico de menor importancia. Evidentemente, el
aspecto que los navegadores aplican por defecto a los títulos de sección se
puede modificar utilizando las hojas de estilos de CSS.
No hay comentarios:
Publicar un comentario