jueves, 10 de julio de 2014

8º TEORÍA ETIQUETAS HTML

ETIQUETAS

Esencialmente, una página Web es un archivo de texto que contiene instrucciones en forma de atributos y códigos HTML (llamados etiquetas). Las etiquetas son los comandos que posteriormente sigue el explorador Web para dar formato al texto e insertar imágenes gráficas en la página Web. Algunos de los comandos HTML requieren una etiqueta de apertura y otra de cierre.

Estas se denominan Etiquetas Contenedoras, ya que la instrucción de la etiqueta inicial se aplica a todo lo que contiene la página Web entre la etiqueta inicial y la etiqueta final.

Cada comando HTML (es decir, etiqueta HTML) comienza con un signo “menos que” (<) seguido por el nombre de la etiqueta y los atributos, y termina con un signo “mayor que” (>). Para crear una etiqueta de cierra para una etiqueta de apertura debe insertar una barra diagonal (/) junto con el nombre de la etiqueta. De este modo, una etiqueta inicial tiene la forma <nombreEtiqueta [Atributos]> y una etiqueta final tiene la forma </nombreEtiqueta>.

Ejemplo: <p> Ejemplo de texto de párrafo. </p>

Etiquetas de Sección HTML

<html> </html> Aparecen al principio y al final de un documento HTML. De esta forma, las etiquetas HTML inicial y final contienen todas las demás etiquetas HTML utilizadas para describir la página Web.

<head> </head> Las etiquetas de encabezado inicial y final aparecen inmediatamente a continuación de las etiquetas HTML iniciales (<html>) y denotan el encabezado de la página Web. Se pueden utilizar etiquetas en el encabezado de la página Web para incluir información como el nombre del autor y la fecha en que se ha creado la página.
De todas las etiquetas colocadas en la sección de encabezado, el explorador sólo muestra el título de la página Web, que se inserta en la sección de encabezado entre las etiquetas inicial y final <title></title>

<title> </title> Permite colocar un título en la barra de título del navegador web

<body> </body> Las etiquetas de cuerpo inicial y final aparecen inmediatamente a continuación de la sección de encabezado de la página web y denotan el texto principal de la página web. Las sección del cuerpo de la página Web contiene las etiquetas que indican al explorador web lo que debe mostrar en pantalla y el aspecto deseado.

EJEMPLO

<html>
<head> 
<title>Título de la página Web </title>
</head>
<body> 
Contenido de texto y etiquetas del cuerpo
</body> 
</html>

ººNo importa si escribe las etiquetas en mayúscula o minúscula o una combinación de las dos, ya que el navegador web no hace distición, aunque también dependera de la especificación como en el caso de XHTML y XML. Es recomendable escribir las etiquetas con minúscula.

Etiquetas Vacías de HTML (No contenedoras)
Además de las etiquetas contenedoras, HTML utiliza otro tipo de etiquetas llamada etiquetas vacía. Mientras que las etiquetas contenedoras encierran contenido de página entre la etiqueta inicial y la etiqueta final, como una línea de texto, las etiquetas vacías no requieren una etiqueta final. Una etiqueta vacía se considera como un comando o instrucción sencilla, como "ven aquí" o "haz esto". Por ejemplo, el sigiuente código HTML utiliza la etiqueta de salto de línea (<br>) para indicar al explorador web que vaya a la línea siguiente antes de mostrar el siguiente elemento de una página.

EJEMPLO


<html>
<head> 
<title>Ejemplo de la etiqueta de salto de línea </title>
</head>
<body> 
 <p> Este texto se muestra en la línea uno <br>
        Este texto se muestra en la línea dos </p>
</body> 
</html>

No hay comentarios:

Publicar un comentario