Etiquetas básicas de html – Parte III

Ahora veremos algo muy importante en cualquier documento: Los Títulos.

Al mencionar títulos, indicamos también que html seguirá una estructura es decir : primero un título, luego un párrafo, luego otro título nuevamente un parrafvo y así susecivamente

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>.

¿como usamos estas etiquetas ?

Pues bien entre las etiquetas pondremos el título que queremos mostrar, (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.)

creemos un archivo index.html y copiemos este código:

<h1>Titular de la página</h1>
Párrafo de introducción...
<h2>La primera sub-sección</h2>
Párrafo de contenido...
<h2>Otra subsección</h2>
Más párrafos de contenido...

Si tienen algún problema con los acentos ya saben a que se debe, lo que se mostrará sera esto:

h1

Por defecto si el nivel de titular no es alterado por un archivo css (Cascading Style Sheets, ya comentaremos más adelante sobre las hojas de estilo), el siguiente código:

<h1>Titular h1</h1>
<h2>Titular h2</h2>
<h3>Titular h3</h3>
<h4>Titular h4</h4>
<h5>Titular h5</h5>
<h6>Titular h6</h6>

deberían mostrarse así en el navegador:

h2

Como verán es algo sencillo, las etiqeutas de título no tienen atributos específicos, por lo tanto solo es necesrio declarar el incio de la etiqueta, escribir el título a mostrar y cerrar la etiqueta. 😀

Anuncios

Etiquetas: ,

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s


A %d blogueros les gusta esto: