Guía del principiante - Etiquetas

Ahora que ya has creado tu página web, debemos examinar algunos segmentos del archivo "index.html". Desde luego habrás visto que hay un modelo en la estructura de los comandos, algunas palabras están marcadas con "<" y">", Estas son las etiquetas en HTML

Un ejemplo de una etiqueta HTML es <body>;. La etiqueta "body" le dice al buscador, donde empieza el contenido de la página web. "Body" es un ejemplo de etiqueta que debe existir en cada página web.

Etiquetas básicas en HTML

Echémosle una mirada al código. Una página web se compone de dos elementos base. Si intentas crear una página sin estas dos etiquetas, tendrás problemas.

html<html>
	<body>
		El contenido de la página web irá aquí
	</body>
</html>

La primera etiqueta se llama <html> y es la que le dice al navegador que se ha iniciado un código HTML. La segunda etiqueta, <body>, le indica al navegador que desde allí ha comenzado el contendido visible de la página.

Cómo cerrar una etiqueta HTML

Probablemente ya has observado que hay otras dos etiquetas similares al final del documento, </body>; y </html>. Estas etiquetas son para cerrar. </body>, le hace saber al buscador que el contenido de la página ha terminado, y </html> que el documento HTML está a acabado.

El slash "/" se ubica antes del nombre de la etiqueta y le indica al buscador que desea detener la función en curso. Entonces <tag> es utilizado para empezar una función, y </tag> para detenerla.

El orden de la etiqueta - muy importante

El orden al momento de abrir y cerrar una etiqueta es muy importante. Si una etiqueta es abierta dentro de otra, por ejemplo body está escrita encima de html entonces esa etiqueta (body) es la que debe ser cerrada antes de la segunda etiqueta (html).

Hemos cerrado body primero porque ésta fue escrita primero. Esto es una regla primordial: abrir y cerras una etiqueta aplica para todas etiquetas HTML.

La segunda página

Necesitarás tiempo y más intentos para poder aplicar estas reglas, así que deberás seguir intentando con la siguiente página web. Copia este código en el bloc de notas, tal como lo hiciste con la primera página.

html<html>
	<head>
		<title>Mi segunda página web ! </title>
	</head>
	<body>
		<h2>Bienvenido.</h2>
		<p>Muy pronto haré una página que será muy cool!</p>
	</body>
</html>

Después de que estés seguro que has seguido las indicaciones anteriores. Podrás guardar el documento. Puedes intentar guardarlo con el mismo nombre del anterior, "index.html". Te preguntará que si deseas sobre-escribir el documento encima del otro, puedes pulsar "ok" sin miedo. Ya no necesitaremos el otro documento. Cuando estés listo continúa y lee el siguiente tutorial.