Manual basico HTML leccion 4
Vamos a pasar a explicar un poco las etiquetas <h>.
Estas etiquetas estan formadas por la letra <h> y un numero que va del 1 al 6 es decir <h1>, <H2>, <h3> asi sucesivamente.
Estas etiquetas se usan para darle una determinada importancia al texto, es decir una etiqueta <h1> es muy importante, una etiqueta <h2> es menos importante y una <h3> es importante.
Normalmente los buscadores hacen caso a las 3 primeras. Vamos a hacer una prueba con nuestra pagina para verlo mejor.
Vamos a añadir el siguiente texto y sus correspondientes etiquetas para que veais un poco en que consiste.
<html>
<head>
<title>Mi primera Pagina web</title>
</head>
<body bgcolor="#ffff00">
<h1><center>HOLA MUNDO.YA ESTOY AQUI</center></h1>
<h2><center>HOLA MUNDO.YA ESTOY AQUI</center></h2>
<h3><center>HOLA MUNDO.YA ESTOY AQUI</center></h3>
<h4><center>HOLA MUNDO.YA ESTOY AQUI</center></h4>
</body>
</html>
Como podemos ver nos sale el mismo texto en diferentes tamaños segun la etiqueta que allamos colocado y todo lo que etiqutemos con <h> nos lo mostrara en negrita, es por esto que podemos utilizar la etiqueta <h1> para el nombre de nuestra web, la etiqueta <h2> para el titulo de la pagina en la que trabajamos y la etiqueta <h3> para el contenido de nuestra pagina. Pero ahora vamos a añadir 2 etiquetas mas y dejaremos nuestro codigo de la siguiente manera:
<html>
<head>
<title>Mi primera Pagina web</title>
</head>
<body bgcolor="#ffff00">
<h1><center><u>HOLA MUNDO.YA ESTOY AQUI</strong></u></center></h1>
<h2><center><em>HOLA MUNDO.YA ESTOY AQUI<em></center></h2>
<h3><center>HOLA MUNDO.YA ESTOY AQUI</center></h3>
<h4><center>HOLA MUNDO.YA ESTOY AQUI</center></h4>
</body>
</html>
Lo que le hemos dicho al navegador es que la etiqueta <h1> ademas de centrada la queremos subrayado <u> y que la etiqueta <h2> ademas de centrada la queremos en cursiva.
ahora vamos a complicar un poquito mas el asunto,vamos a suponer que la etiqueta <h3> que es la del contenido de nuestra web queremos que sea el enlace hacia otra pagina de nuestra web o una pagina que nos parece interesante y queremos que todos nuestros visitantes la conozcan.
<html>
<head>
<title>Mi primera Pagina web</title>
</head>
<body bgcolor="#ffff00">
<h1><center><strong>HOLA MUNDO.YA ESTOY AQUI</strong></center></h1>
<h2><center><em>HOLA MUNDO.YA ESTOY AQUI<em></center></h2>
<h3><center>HOLA MUNDO.YA ESTOY AQUI</center></h3>
<a href="http://www.midominio.com/archivo.html">otra pagina de mi web</a>
</body>
</html>
Lo que hemos hecho a sido añadir la etiqueta <a href>, dentro de la etiqueta se pone la url de la pagina a la que queremos enlazar y
seguidamente el texto con el que queramos que aparezca visible en nuestra web, tanto si es una pagina nuestra como si es otra de
otra web que queramos aconsejar a nuestros visitantes.
En el siguiente y ultimo capitulo vamos a ver unas cuantas etiquetas para dar formato a nuestros textos y paginas web.