Etiquetas HTML

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