Una lección aparte merece la etiqueta ya que, aunque no muestra su contenido en vídeo, desempeña un papel fundamental en la creación de una página web.
Como ya hemos mencionado, esta etiqueta contiene la información relacionada con el sitio, pero ¿qué tipo de información contiene? En primer lugar, contiene el título del sitio, que no me parece poco. Luego contiene la descripción del sitio y las palabras clave que caracterizan al sitio mismo.
El título, la descripción y las palabras clave son fundamentales para una buena posición en los motores de búsqueda, pero eso lo veremos más adelante. Además de lo mencionado, contiene información personal del webmaster como la dirección de correo electrónico, el nombre y un posible copyright. Podría contener muchas más informaciones, pero no necesarias para el desarrollo del sitio, así que limitémonos a estas.
Cada elemento tiene su propia etiqueta de referencia sin la cual sería imposible para el navegador reconocerlo como tal. Por lo tanto, tendremos etiquetas relacionadas con el texto, etiquetas relacionadas con las imágenes, etiquetas relacionadas con los colores, etiquetas relacionadas con el posicionamiento… y así sucesivamente.
Antes de familiarizarnos con algunas etiquetas importantes, es bueno ver de qué está formada una etiqueta:. Una etiqueta está insertada entre dos corchetes angulares sin los cuales no sería interpretada por el navegador. Otra consideración importante es que a cada etiqueta de apertura debe corresponder siempre obligatoriamente una etiqueta de cierre sin las cuales el navegador sería incapaz de traducir el documento.
Las etiquetas de cierre, en comparación con las de apertura, tienen además solo una pequeña barra transversal como esta /. Así se presenta una etiqueta de cierre: . Así se presenta la sintaxis exacta del comando de las etiquetas: contenido del comando…. Ahora que hemos comenzado a familiarizarnos con las etiquetas, veamos algunas de las más utilizadas:
Estos son algunos de los tags más utilizados y en las siguientes lecciones veremos cómo usarlos y nos familiarizaremos con otros tags importantes.
Como todos los demás tags, para ser válido debe tener un tag de apertura y uno de cierre, así que para el tag title tenemos: tag Dicho esto, abran el editor en línea y agreguen esta nueva etiqueta entre las que están en head insertando como título Mi primer sitio:
Guarden la página como index.html y ábranla con su navegador web. Miren en la parte superior izquierda, en la primera barra superior del navegador, y verán el título de su sitio impreso en esa misma barra. Ahora, añadamos una breve descripción a nuestro título, para completar la referencia:
Guardemos la página siempre como index.html sobrescribiendo la que se guardó previamente para validar los cambios.
El tag Body contiene todo lo que ven en su pantalla, por lo tanto, todos los elementos visibles de una página web. Texto, imágenes, videos, formularios, enlaces y mucho más, se incluyen en esta etiqueta importantísima. Para dar un pequeño ejemplo de lo que representa la etiqueta Body, retomemos nuestra página index.html y escribamos lo siguiente entre las etiquetas Body:
Guarden nuevamente la página aceptando los cambios y ábranla en su navegador web. ¿Ves? Este es el significado de la etiqueta Body, sin la cual cualquier página web se presentaría como una hoja blanca desolada.
Pubblicato in HTML & CSS
Sé el primero en comentar