1 - Etiquetas del lenguaje HTML

Las Etiquetas

El lenguaje HTML es un lenguaje de marcas, estas marcas serán

fragmentos de texto destacado de una forma especial que permiten la
definición de las distintas instrucciones de HTML, tanto los efectos a aplicar
sobre el texto como las distintas estructuras del lenguaje. A estas marcas las
denominaremos etiquetas y serán la base principal del lenguaje HTML. En
documento HTML será un fichero texto con etiquetas que variarán la forma de
su presentación.

Una etiqueta será un texto incluido entre los símbolos menor

que < y mayor que >.. El texto incluido dentro de los símbolos será
explicativo de la utilidad de la etiqueta. Por ejemplo:

<B> Letra Negrita, del inglés Bold (negrita).

<TABLE> Definirá una tabla.

<IMG> Inclusión de una IMaGen.

Existe normalmente una etiqueta de inicio y otra de fin, la de fin contendrá

el mismo texto que la de inicio añadiéndole al principio una barra inclinada /.
El efecto que define la etiqueta tendrá validez para todo lo que este incluido
entre las etiquetas de inicio y fin, ya sea texto plano o otras etiquetas HTML.

<ETIQUETA>Elementos Afectados por la Etiqueta</ETIQUETA>

Por ejemplo, con la etiqueta siguiente:

<B>Texto que será en negrita</B>.

Obtendremos:

Texto que será en negrita

Algunas etiquetas no necesitarán la de fin, serán aquellas en las que el final

este implícito, por ejemplo <P> párrafo, <BR> salto de línea
ó <IMG> inclusión de una imagen. Definen un efecto que se producirá en un
punto determinado sin afectar a otros elementos.
 El uso de mayúsculas o minúsculas en las etiquetas es indiferente, se
interpretarán del mismo modo en ambos casos, pero lo normal es expresarlas
en mayúsculas para que destaquen con más nitidez del texto normal.

Atributos de las Etiquetas

Las etiquetas pueden presentar modificadores que llamaremos atributos

que permitirán definir diferentes posibilidades de la instrucción HTML. Estos
atributos se definirán en la etiqueta de inicio y consistirán normalmente en el
nombre del atributo y el valor que toma separados por un signo de igual. El
orden en que se incluyan los atributos es indiferente, no afectando al
resultado. Si se incluyen varias veces el mismo atributo con distintos valores
el resultado obtenido será imprevisible dependiendo de como lo interprete el
navegador. Cuando el valor que toma el atributo tiene más de una palabra
deberá expresarse entre comillas, en otro caso no será necesario.

Un ejemplo de atributo será:

<A HREF="http://www.uca.es">Pagina principal de la UCA</A>

En este caso la etiqueta A presenta un atributo HREF cuyo valor

es http://www.uca.es.

Igualmente una etiqueta podría presentar varios atributos:

<HR ALIGN=LEFT NOSHADE SIZE=5 WIDTH=50%>

En este caso la etiqueta HR presenta cuatro atributos. El segundo

atributo NOSHADE es un caso especial que no presenta valor. El orden en que
se especifiquen los atributos no afectarán al resultado final.

Etiquetas correctas

Todo texto que se encuentre entre los caracteres < y > se considerará una
etiqueta, si la etiqueta no fuera una de las validas del lenguaje HTML no será
tenida en cuenta, sin causar ningún tipo de error. Dejándose el texto o las
etiquetas a las que afectaba como si no existiera la etiqueta extraña. Cuando se
comete un error sintáctico al expresar una etiqueta o un atributo no se
producirá ningún error, simplemente no de obtendrá el efecto que
deseábamos.

El lenguaje HTML es un lenguaje que evoluciona muy rápidamente y cada

nueva versión de los programas navegadores presenta etiquetas nuevas que
causan efectos más espectaculares o atributos nuevos de las etiquetas ya
existentes. Esto causa que los programas más antiguos no entiendan estas
nuevas etiquetas y por tanto las considere erróneas y no realice la acción que
deseábamos. Dándose el caso de atributos que son validos solo para un único
navegador.

Cuando creemos código HTML hay que hacerlo lo más estándar posible
para permitir que el documento pueda ser visto de forma efectiva por distintos
navegadores en maquinas distintas. Por tanto debemos renunciar a efectos
espectaculares que solo tienen validez en un navegador e intentar comprobar
como se ve el documento en una variedad de navegadores, ya que las personas
que se conectan a nuestras páginas no tendrán en la mayoría de los casos el
mismo que nosotros. Tambien es interesante como se vería el documento en
los distintos tamaños de la ventana del navegador, teniendo en cuenta que
todos no tienen un monitor con la misma resolución.

En este manual se han tratado de incluir las características más estándar de

HTML y en caso de tratarse de instrucciones más particulares se indicará
convenientemente.

Etiqueta (lenguaje de marcado)

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.

Índice
[mostrar]

Ejemplos[editar]
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[editar]
El texto que sigue es una traducción defectuosa o incompleta.
Si quieres colaborar con Wikipedia, busca el artículo original y mejora o finaliza esta
traducción.

Copia y pega el siguiente código en la página de discusión del autor: {{subst:Aviso

mal traducido|Etiqueta (lenguaje de marcado)}} ~~~~

Tag
Descripción
(Etiqueta)

<!--...--> Define un comentario

<!DOCTYPE> Define el tipo de documento

<a> Define un hiperenlace

<abbr> Define una abreviatura

<acronym> No suportado en HTML5. Define un acrónimo

<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

No soportado en HTML5. Depreciado en HTML 4.01. Especifica un color , medida

<basefont>
y fuente por defecto para todo el texto en un documento

Aisla parte de un texto que puede ser formateado en una dirección diferente
<bdi>
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

Usado para dibujar gráficos, al vuelo,

<canvas>
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

Especifica la columna propiedades para cada columna dentro de un elemento

<col>
<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

Not supported in HTML5. Deprecated in HTML 4.01. Defines font, colour, and
<font>
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

Defines the relationship between a document and an external resource (most

<link>
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

Not supported in HTML5. Defines an alternate content for users that do not
<noframes>
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

Define una explicación/pronunciación de carácteres (para tipografía de Asia

<rt>
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 desplegable1

<small> Define texto más pequeño

Define múltiples recursos multimedia para los elementos multimedia (<video> y

<source>
<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