Al hablar de una página web, necesariamente nos debemos referir a un documento html y obviamente a las partes que lo componen. En este caso las etiquetas (TAGS) forman parte fundamental en su construcción y su mantenimiento.
Las dos partes en las que se divide un documento html se llaman cabecera <head> y cuerpo <body> respectivamente.La primera ofrece información sobre la página en mención en la que se puede establecer su título o el idioma que se va a utilizar.La segunda establece el contenido real como todo el texto, ya sean párrafos, frases e imágenes que ayudan a la comprensión del mismo.
Estas dos partes son esenciales en la construcción de las páginas web y son realmente sencillas de comprender, por ejemplo en la etiqueta <head> se incluye información sobre todo lo que el navegante no ve en la pantalla excepto por el título que es el que los navegadores comúnmente muestran en la pestaña de la página y en la etiqueta <body> sucede lo contrario, todo lo que el usuario puede observar.
Como anteriormente se dijo se puede utilizar cualquier editor de texto (notepad++, emeditor, etc) para probar con las diferentes etiquetas y su comportamiento en los navegadores.Además de ello puede tener acceso al código fuente de cualquier página mediante la opción ver > código fuente y así observar las diferentes etiquetas que posea.
No se asuste y salga espantado si no entiende absolutamente nada,de hecho a mí me sucedió algo parecido pero con el rápidamente se irá familiarizando con sus componentes, todo es cuestión de tiempo.
Ya hemos visto dos etiquetas fundamentales en el código html <head> y <body>. Ahora resumiremos la última para conocer las tres etiquetas principales del documento.
<html>:Con esta etiqueta se indica el inicio y el final del documento.Ahora ningún contenido puede quedar por fuera de esta etiqueta,sólo existe una excepción que se incluirá más adelante.Dentro de esta etiqueta se incluyen las dos siguientes <head> y <body>.
<head>:Como ya se dijo antes establece la cabecera del documento y la etiqueta que se puede observar por el usuario es la etiqueta <title>, que se encarga de dar el título a la pestaña de la página en el navegador.Prueba con está etiqueta poniendo el título que desee dentro de la etiqueta y observa donde se muestra el título:
ejemplo:
<title>Aquí va el título de la página</title>
<body>:Conforma el cuerpo del documento, es decir su contenido, texto, imágenes, vídeos, etc. Generalmente esta etiqueta contiene dentro de sí muchas más que veremos más adelante y suele ser la parte más extensa del documento.
Para aclarar: LA MAYORÍA DE LAS ETIQUETAS SE ABREN Y SE CIERRAN, EXISTEN POCAS ETIQUETAS QUE NO NECESITAN CERRARSE.
Ejemplo:
Abrir etiqueta : <head>
Cerrar etiqueta : </head> <--- se utiliza / para cerrar la etiqueta.
Ahora se muestra una estructura de una página web muy simple para que pruebe en su editor de texto y en su navegador, copiando el código y pegándolo en el nuevo documento de su editor de texto, luego guarde el archivo con la extensión .html o .htm.
<html> <head> <title>Mi primer documento de prueba.Título del documento.</title> </head> <body> <p>Etiquetas de párrafo donde se puede incluir texto, nótese que se encuentran dentro de la etiqueta "<body>".</p> </body> </html>
0 comentarios:
Publicar un comentario