Ir al contenido

Etiqueta (lenguaje de marcado)

De Wikipedia, la enciclopedia libre
Esta es una versión antigua de esta página, editada a las 14:28 15 sep 2014 por 190.26.206.209 (discusión). La dirección URL es un enlace permanente a esta versión, que puede ser diferente de la versión actual.

Una etiqueta o baliza (términos a veces reemplazados por el anglicismo tag) es una marca con clase que delimita una región en los lenguajes basados en XML. También puede referirse a un conjunto de juegos informáticos interactivos que se añade a un elemento de los datos para identificarlo (Oxford English Dictionary). Esto ocurre, por ejemplo, en los archivos MP3 que guardan información sobre una canción así como sobre el artista que la ha cantado o compuesto.

Como ocurre en otros casos, a menudo se emplea la palabra inglesa (tag) a pesar de que «etiqueta» o «baliza» son perfectamente adecuadas. Con la llegada de la World Wide Web ha habido una invasión de tags. La Web se basa en el HTML, o «lenguaje de marcado de hipertexto», que está basado en el uso de etiquetas. Las etiquetas (entre otras muchas cosas) le dicen al programa visualizador de páginas web (o navegador) en qué juego de caracteres está la página, de qué tipo es cada uno de los fragmentos de texto que contiene (por ejemplo, encabezamiento, texto normal, etc.), si están alineados a un lado o centrados, en qué tipo de letra está el texto (cursiva, negrita, etc.), si hay tablas, de qué anchura son etc. Dicho de otro modo: las balizas dan al navegador las instrucciones necesarias para que presente la página en pantalla.

Ejemplos

Si se observa el código de una página web (sencillamente escogiendo en el menú del navegador «Ver -> Código fuente»), se encontrará con los paréntesis angulares < > (los símbolos "menor que" y "mayor que", que enmarcan habitualmente la etiqueta de apertura o inicio, y </ >, que acotan la etiqueta de cierre o final). Lo que hay entre las etiquetas suele ser el texto que se puede ver directamente en pantalla. Las etiquetas simplemente dan las órdenes que indican:

  1. Cómo se van a visualizar los elementos destinados a ser visibles en pantalla y cómo se visualizarán
  2. Cómo actuarán en el mismo documento los elementos no destinados a ser visibles en pantalla, así como la manera en que actuarán en relación con otros documentos

Véase el siguiente ejemplo:

<etiqueta1> <etiqueta2 atributo1="hola" atributo2="mundo"> </etiqueta2> <etiqueta3 atributo1="domin"/> </etiqueta1>

En este ejemplo hay tres etiquetas (etiqueta1, etiqueta2 y etiqueta3). La etiqueta1 delimita, o contiene, las etiquetas etiqueta2 y etiqueta3. Las etiquetas también pueden tener atributos, que aportan información específica; por ejemplo, los atributos atributo1 y atributo2 aportan información a la etiqueta2, al igual que hace el atributo1 a la etiqueta3.

Ejemplos de balizas html:

       <html>
          <head>
             <title>
             </title>
          </head>
          <body bgcolor=red>
               <h1>
                   <font color=green><font face=verdana>
                   </font>
               </h1>
               <h2>
               </h2>
               <p>
                   <a href=destino de imagen>
                   <img src="fuente de imagen">
                   </a>
               </p>
          </body>
       </html>

Ejemplos de balizas html destinadas a interactuar con otros documentos sin ser necesariamente visibles en pantalla son, entre otros ejemplos posibles, las llamadas «metabalizas» (o metatags) que en lenguaje HTML pueden incluir palabras clave para que la página web en las que están incluidas sea referenciada con mayor rapidez y pertinencia por los motores de búsqueda. degen de buscar por aui sirvan para algo y busquen bien.

Listado de todos los elementos HTML

Tag (Etiqueta) Descripción
<!--...--> Define un comentario
<!DOCTYPE> Define el tipo de documento
<a> Define un hiperenlace
<abbr> Define una abreviatura
<acronym> No suportado en HTML5. Define un acronimo
<address> Define la información de contacto para el autor/propietaria de un documento
<applet> No suportado en HTML5. Depreciado en HTML 4.01. Defins una applet embebida
<area> Define un área dentro de un mapa de imagen
<article> Define un artículo
<aside> Define un contenido aparte del contenido de la página
<audio> Define un contenido de sonido
<b> Define texto en negrita
<base> Especifica el destino/URL base para todas las URLs relativas en un documento
<basefont> No soportado en HTML5. Depreciado en HTML 4.01. Especifica un color , medida y fuente por defecto para todo el texto en un documento
<bdi> Aisla parte de un texto que puede ser formateado en una dirección diferente que otro texto fuera de la etiqueta
<bdo> Sobrescribe la actual dirección del texto
<big> No suportado en HTML5. Define texto grande
<blockquote> Define una sección citada desde otra fuente
<body> Define el cuerpo del documento
<br> Define una rotura de línea simple
<canvas> Usado para dibujar gráficos, al vuelo, mediante scripting (generalmente JavaScript)
<caption> Define un título de tabla
<center> No suportado en HTML5. Depreciado en HTML 4.01. Define el texto centrado
<cite> Define el título de una obra
<code> Define una pieza de código informático
<col> Especifica la columna propiedades para cada columna dentro de un elemento <colgroup>
<colgroup> Especifica un grupo de una o más columnas en una tabla para formato
<command> Define un botón de comando que un usuario puede invocar
<datalist> Especifica una lista de opciones predefinidas para controles de entrada
<dd> Defina una descripción de un item en una lista de definiciones
<del> Defines text that has been deleted from a document
<details> Defines additional details that the user can view or hide
<dfn> Defines a definition term
<dialog> Defines a dialog box or window
<dir> Not supported in HTML5. Deprecated in HTML 4.01. Defines a directory list
<div> Defines a section in a document
<dl> Defines a definition list
<dt> Defines a term (an item) in a definition list
<em> Defines emphasized text 
<embed> Defines a container for an external (non-HTML) application
<fieldset> Groups related elements in a form
<figcaption> Defines a caption for a <figure> element
<figure> Specifies self-contained content
<font> Not supported in HTML5. Deprecated in HTML 4.01. Defines font, colour, and size for text
<footer> Defines a footer for a document or section
<form> Defines an HTML form for user input
<frame> Not supported in HTML5. Defines a window (a frame) in a frameset
<frameset> Not supported in HTML5. Defines a set of frames
<h1> to <h6> Defines HTML headings
<head> Defines information about the document
<header> Defines a header for a document or section
<hgroup> Groups heading (<h1> to <h6>) elements
<hr> Defines a thematic change in the content
<html> Defines the root of an HTML document
<i> Defines a part of text in an alternate voice or mood
<iframe> Defines an inline frame
<img> Defines an image
<input> Defines an input control
<ins> Defines a text that has been inserted into a document
<kbd> Defines keyboard input
<keygen> Defines a key-pair generator field (for forms)
<label> Defines a label for an <input> element
<legend> Defines a caption for a <fieldset>, < figure>, or <details> element
<li> Defines a list item
<link> Defines the relationship between a document and an external resource (most used to link to style sheets)
<map> Defines a client-side image-map
<mark> Defines marked/highlighted text
<menu> Defines a list/menu of commands
<meta> Defines metadata about an HTML document
<meter> Defines a scalar measurement within a known range (a gauge)
<nav> Defines navigation links
<noframes> Not supported in HTML5. Defines an alternate content for users that do not support frames
<noscript> Defines an alternate content for users that do not support client-side scripts
<object> Defines an embedded object
<ol> Defines an ordered list
<optgroup> Defines a group of related options in a drop-down list
<option> Defines an option in a drop-down list
<output> Defines the result of a calculation
<p> Defines a paragraph
<param> Defines a parameter for an object
<pre> Defines pre-formatted text
<progress> Represents the progress of a task
<q> Defines a short quotation
<rp> Define qué mostrar en navegadores que no soportan carácteres ruby
<rt> Define una explicación/pronunciación de carácteres (para tipografía de Asia Oriental)
<ruby> Define un carácter ruby
<s> Define texto que ya no es correcto
<samp> Define una salida de ejemplo en un programa informático
<script> Define un guión (script)s en el lado-cliente
<section> Define una sección en un documento
<select> Define una lista desplegable[1]
<small> Define texto más pequeño
<source> Define múltiples recursos multimedia para los elementos multimedia (<video> y <audio>)
<span> Define una sección en un documento
<strike> No suportado en HTML5. Depreciado en HTML 4.01. Define techo tachado
<strong> Define un texto importante
<style> Define el estilo de la información para un documento
<sub> Define texto infrascrito
<summary> Define a visible heading for a <details> element
<sup> Define texto supraescrito
<table> Define una tabla
<tbody> Agrupa el contenid del cuerpo en una tabla
<td> Define una célda en una tabla
<textarea> Define un control de entra multi-línea (área de texto)
<tfoot> Agrupa el contenido del pie (footer) en una tabla
<th> Define una celda de encabezado en una tabla
<thead> Agrupa el contenido del encabezado en una tabla
<time> Define una fecha/hora
<title> Define el título de un documeto
<tr> Define una fila en una table
<track> Define pistas de texto para elementos multimedia (<video> y <audio>)
<tt> No suportado en HTML5. Define texto Teletipo
<u> Define un texto que puede ser estadísticamente diferente de un texto normal
<ul> Define una lista sin ordenar
<var> Define una variable
<video> Define un video o una película
<wbr> Define una posible ruptura de línea

Fuente: w3schools.com[2]

Véase también

Referencias

  1. Drop-down list (en inglés)
  2. http://www.w3schools.com/tags/default.asp