Etiquetas HTML de inicio y fin
La gran mayoría de etiquetas HTML contienen un inicio y un cierre. Por ejemplo:
<HTML> </HTML>
ó
<BODY> </BODY>
Es importante destacar que el cierre lleva siempre una /. Todas las etiquetas de cierre incluyen la diagonal /, y es indispensable indicarlo expresamente para que el navegador sepa que lo que el tag de inicio significa ha terminado allí.
Al inicio de un documento HTML, antes que cualquier cosa, coloca:
<HTML>
Lo cual le indica que un documento HTML se ha iniciado. Al final de un documento HTML debe llevar obligatoriamente el </HTML>, para indicar que hemos finalizado. No olvides colocar en el cierre la / .
Dentro de la etiqueta de inicio y final <HTML> </HTML> puedes incluir otras etiquetas, tales como:
<HEAD>
Aunque esta etiqueta <HEAD> no afecta en nada lo que se ve directamente en la página, no olvides colocarlo. Dentro de
<HEAD> </HEAD>
Puedes colocar una nueva etiqueta,
<TITLE>
con su correspondiente cierre
</TITLE>
Dentro de esta etiqueta, coloca, por ejemplo, Mi Primera Página. Quedará así:
<TITLE>Mi Primera Página </TITLE>
Este será el título que aparecerá en la parte superior del navegador.
No olvides por supuesto colocar el / en el tag de cierre de </TITLE>
Todo lo que coloques dentro de <TITLE> </TITLE> será lo que aparezca en la barra superior de tu navegador como título de la página.
Nota Importante:
Aunque no afectará en nada a tu código que las etiquetas se encuentren en mayúsculas o minúsculas, es siempre bueno que determines si las etiquetas las harás siempre en mayúsculas, para mayor facilidad de ubicación al momento de editar o cambiar código en alguna página.
Coloquemos algo en nuestra página HTML.
Podemos usar el Editor de Notas o Notepad que viene con nuestro Windows.
Actualmente nuestro estatus con la página que estamos elaborando es el siguiente:
<HTML>
<HEAD>
<TITLE>Mi Primera Página</TITLE>
</HEAD>
</HTML>
Tenemos las etiquetas del body, o cuerpo de la página. Dentro de estas etiquetas se encuentra todo lo visible en la página web cuando un navegador la accesa:
<BODY> </BODY>
Para iniciar nuestra página web con un encabezado utilizaremos la etiqueta <H>, el cual viene con números que van del 1 al 6. Los números a la par de la H le indican al navegador el tamaño de letra que deseamos, siendo 1 el mayor y 6 el más pequeño de los encabezados. Por ejemplo, si queremos un encabezado grande 1, para indicar al visitante nuestro título, y el 4 para indicarle un primer subtítulo, podemos usar lo siguiente:
<HTML>
<HEAD>
<TITLE>Mi Primera Página</TITLE>
</HEAD>
<BODY>
<H1>Mi Primera Página Web</H1>
<H4>Este es un tamaño 4</H4>
</BODY>
</HTML>
Si guardas tu página en el notepad, con el cuidado de determinarle la extensión como HTML, entonces crearás un archivo con ese tipo de características. Por ejemplo, miprimera.html , y luego el archivo guardado lo abres con un navegador, podrás ver lo siguiente:
Mi Primera Página
Este es un tamaño 4
Observa igualmente el encabezado en el navegador notarás el Mi Primera Página iniciando la parte izquierda del navegador.
Todas las etiquetas de encabezado resaltan el texto y no permitirán que otro texto se coloque en la misma linea.
Centrado
Si deseas que el texto de tu encabezado principal esté centrado, entonces puedes usar las etiquetas siguientes:
<CENTER> </CENTER>
Esta etiqueta hará que todo lo que se encuentre entre su inicio y cierre estará centrado en la página al ser accesada por un navegador. Nuestro código entonces quedaría así:
<HTML>
<HEAD>
<TITLE>Mi Primera Página</TITLE>
</HEAD>
<BODY>
<CENTER><H1>Mi Primera Página Web</H1></CENTER>
<H4>Este es un tamaño 4</H4>
</BODY>
</HTML>
Las etiquetas, apertura y cierre, no necesariamente deben ir en la misma línea, sin embargo deben respetar un order de colocación. <CENTER> debe ir antes de <H1> y </CENTER> debe ir después de </H1>
Como sabemos, lo que se encuentre dentro de la etiqueta <CENTER> </CENTER> será centrado al verse con un navegador. Guarda tu página, y accesa. Seguramente verás que Mi Primera Página está centrada horizontalmente.
En el caso desees centrar también tu encabezado menor, entonces el código quedaría así:
<HTML>
<HEAD>
<TITLE>Mi Primera Página</TITLE>
</HEAD>
<BODY>
<CENTER><H1>Mi Primera Página Web</H1>
<H4>Este es un tamaño 4</H4></CENTER>
</BODY>
</HTML>
Como puedes ver, el cierre de la etiqueta de centrado se coloca incluyendo a </H4>, que es lo que queremos centrar.
La página se verá así:
Mi Primera Página
Este es un tamaño 4
Seguiremos en sucesivas ocasiones con este curso HTML para principiantes.
Cafetero100 Hospedaje web Hosting