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! </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.
Post Comment
No comments