13. Etiquetas básicas de HTML

En el apartado No. 6, comentamos sobre la terminología básica para comprender la estructura general del código de un documento HTML. Aquí profundizamos la interrelación de las etiquetas de estructura con el código que deseamos presentar en un documento HTML.

ETIQUETA HTML: Esta etiqueta se produce justo después de <! DOCTYPE> etiquetas e identifica el documento como un documento HTML. Esta etiqueta es opcional, e incluso si no está incluido explícitamente, la mayoría de los navegadores asumen su existencia. Sin embargo, es una buena práctica incluir esta etiqueta, ya que algunos navegadores pueden confundirse durante la manipulación de un documento sin esta etiqueta y mostrar la página por error o no mostrar en absoluto. Todas las otras etiquetas se incluyen en <HTML> y </ HTML>.

 ETIQUETA HEAD: La etiqueta <HEAD> contiene información sobre el documento, que incluye su título, guiones y descripciones relacionadas con el documento. La parte encerrada entre el <HEAD> y </ HEAD> se llama la cabecera. El encabezado de un documento donde se definen la configuración global. Utilizando un protocolo HTTP también puede descargar la información que figura en el encabezado solamente. Esta técnica es utilizada principalmente por los motores de búsqueda para encontrar información básica sobre una página como el título y las palabras clave sin tener que pasar a través de todo el texto y la pérdida de tiempo. 

ETIQUETA TITLEEl título de la página se da entre las etiquetas <TITLE> y </ TITLE>. Sólo un título es permitido por la página.

ETIQUETA BODY: Esta etiqueta incluye todas las etiquetas, los atributos y la información que uno quiere que el navegador para mostrar.  

Vamos ahora a escribir el código para un ejemplo, que utiliza todas las etiquetas anteriores. Observe la siguiente figura, dándole clic sobre ella para maximizar su tamaño en la misma ventana.

 Las líneas de colores pueden guiarlo en la comprensión de la estructura de estos ejemplos de documento HTML. Un código de HTML debe ser estructurado de una manera lógica y ordenada a través de las etiquetas que arriba hemos expuesto.

Adjuntamos otra imagen con un segundo ejemplo. 

 

Observe ahora el resultado en el explorador Internet Explorer. La etiqueta TITLE aporta el título de la página. La etiqueta HEAD abre paso al titulo del texto. La etiqueta BODY con la etiqueta P aportan el espacio y el formato de párrafo de la lectura apropiada del DECALOGO del MAESTRO por Gabriela Mistral.

Recomendación: Puede tener un documento tipo plantilla con los elementos básicos en etiquetas de HTML para ahorrar tiempo. Guárdelo en su carpeta de documentos HTML y sustitúyalo con otro nombre al momento de guardar un nuevo documento.

 

 

 

0 comentarios: (+add yours?)

Publicar un comentario