1. <Etiquetas
de HTML>
Que son las etiquetas en HTML, su uso, lista de las
principales
Fernando Zapata
28/10/2013
2. Etiqueta (lenguaje de marcado)
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.
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:
Cómo se van a visualizar los elementos destinados a ser visibles en pantalla y cómo se
visualizarán
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
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.
Listado de todos los elementos HTML
Véase el siguiente ejemplo:
<etiqueta1> <etiqueta2 atributo1="hola" atributo2="mundo"> </etiqueta2> <etiqueta3 atributo1="domin"/> </etiqueta1>
Principales
Etiquetas
Apertura
Acción
Atributos
Cierre
<!
<A>
Comentario.
Hipervínculo.
-->
</A>
<ADDRESS>
Formato para dirección
del autor.
Url del autor; contexto del
documento.
Tamaño de la fuente base.
Sonido de fondo.
Aumenta el tamaño.
Ninguno
HREF, NAME, REL, REV,
TITLE
Ninguno
HREF
</BASE>
Ninguno
SRC, LOOP.
Ninguno
NO
NO - Internet Explorer
</BIG>
<BASE>
<BASEFONT SIZE>
<BGSOUND>
<BIG>
</ADDRESS>
3. <BLINK>
<BLOCKQUOTE>
<BODY>
Hace parpadear el texto.
Da formato con sangría a
un párrafo
Cuerpo del documento.
<BR>
Retorno de línea.
<CAPTION>
Posición de la leyenda en
una tabla.
<CENTER>
<CITE>
<EMBED>
Centrar.
Formato para citas en
itálicas.
Formato en tipo código.
Definiciones marcadas,
para Lista de Definiciones
<DL>.
Formato en itálica.
Lista de directorio, con
elementos marcados con
<LI>.
Lista de Definiciones, con
términos marcados con
<DT> y definiciones
marcadas con <DD>.
Términos marcados, para
Lista de Definiciones
<DL>.
Formato enfatizado en
itálica.
Sonido de Fondo.
<FONT>
Definición de la fuente.
<FORM>
Para ingreso de datos del
usuario en un formulario.
Tamaño de letras del 1 al
6.
Encabezamiento del
documento.
Línea horizontal.
<CODE>
<DD>
<DFN<
<DIR>
<DL>
<DT>
<EM>
<H1 ...H6>
<HEAD>
<HR>
<HTML>
<I>
<IMG>
Al principio y al fin de
todo documento.
Itálica (Cursiva).
Cargar imágenes.
<INPUT>
Define un objeto de
ingreso en un formulario.
<ISINDEX>
Indica que existe un index
en el server para el
documento.
Activa la selección de
imágenes para el usuario.
Formato monoespaciado.
Ítem de lista.
Listados
<ISMAP>
<KBD>
<LI>
<LISTING>
Ninguno
Ninguno
</BLINK> - Netscape
</BLOCKQUOTE>
BGCOLOR, BACKGROUND,
TEXT, LINK, VLINK, ALINK
CLEAR: Se utiliza en
combinación con ALIGN
de IMAGE.
ALIGN: TOP/BOTTOM.
Internet Explorer: LEFT,
RIGHT, CENTER
Ninguno
Ninguno
</BODY>
Ninguno
Ninguno
</CODE>
NO
Internet Explorer
Ninguno
</DFN<
</DIR>
Ninguno
</DL>
Ninguno
NO
Ninguno
</EM>
SRC, WIDTH, HEIGHT,
AUTOSTART, LOOP.
SIZE, COLOR. Internet
Explorer: FACE.
ACTION, METHOD
NO - Netscape
HTML 3.0: LEFT, CENTER,
RIGHT
BASE, TITLE, ISINDEX,
NEXTID, META
NOSHADE, SIZE, WIDTH,
ALIGN. Internet Explorer:
COLOR
HEAD, BODY
</H1 .../H6>
Ninguno
ALIGN, SRC, ALT, ISMAP,
WIDTH, HEIGHT, VSPACE,
HSPACE
TYPE, NAME, VALUE, SIZE,
MAXLENGHT, ALIGN, SRC,
CHECKED
Netscape: PROMPT
</I>
NO
Ninguno
NO
Ninguno
Netscape: VALUE, TYPE
Ninguno. Obsoleto.
</KBD>
NO
</LISTING>
NO
</CAPTION>
</CENTER>
</CITE>
</FONT>
</FORM>
</HEAD>
NO
</HTML>
</INPUT>
NO
4. <LIT>
<MARQUEE>
<MENU>
<META>
<NEXTID>
<NOBR>
<OL>
<OPTION>
<P>
<P ALIGN>
<PLAINTEXT>
<PRE>
<S>
<SAMP>
<SELECT>
<SMALL>
<STRONG>
<SUB>
<SUP>
<TABLE>
Literal. Como PRE, pero
usa letra proporcional.
Marquesina.
Lista menú.
Metainformación ubicada
en HEAD.
Es un parámetro que
identifica al documento.
Elimina los saltos de
líneas.
Lista ordenada, con
elementos marcados con
<LI>.
Opción de selección
dentro de un formulario.
Retorno de línea, con un
espacio.
Alineación de texto.
Pasaje de texto plano.
Visualiza el texto en su
formato original.
Texto tachado.
Formato tipo ejemplo.
Para selección de
opciones dentro de un
formulario.
Disminuye el tamaño.
Formato enfatizado más
fuerte que <EM>.
Subíndice.
Superíndice.
Tabla.
<TD>
Celdas de una fila en una
tabla, dentro de <TR>.
<TEXTAREA>
Área para ingreso de texto
dentro de un formulario.
Título de Tabla.
<TH>
<TITLE>
<TR>
<TT>
<UL>
<VAR>
<WBR>
<XMP>
Título dentro de HEAD.
Fila de una Tabla.
Formato tipo máquina.
Lista no ordenada, con
elementos marcados con
<LI> .
Formato tipo variable.
Se usa con NOBR para una
sección que deba ser
separada.
Similar a PRE.
Ninguno
</LIT>
ALIGN, BEHAVIOR,
BGCOLOR, DIRECTION,
HEIGHT, WIDTH, HSPACE,
VSPACE, LOOP,
SCROLLAMOUNT,
SCROLLDELAY.
Ninguno
EQUIV, CONTENT, NAME
</MARQUEE> - Internet
Explorer
NO
NO
Ninguno
NO
TYPE, START, VALUE.
</OL>
VALUE, SELECTED VALUE
NO
Ninguno
NO
LEFT, CENTER, RIGHT
Ninguno. Obsoleto.
WIDTH
</P>
</PLAINTEXT>
</PRE>
Ninguno
Ninguno
NAME, SIZE, MULTIPLE
</S>
</SAMP>
</SELECT>
Ninguno
Ninguno
</SMALL>
</STRONG>
Ninguno
Ninguno
BORDER, CELLPADDING,
CELLSPACING, HEIGTH,
WIDTH. Internet Explorer:
COLOR
ALIGN, VALIGN, NOWRAP,
COLSPAN, ROWSPAN,
HEIGTH, WIDTH
NAME, ROWS, COLS.
</SUB>
</SUP>
</TABLE>
ROWSPAN, COLSPAN,
ALIGN, VALIGN, NOWRAP,
HEIGHT, WIDTH
Ninguno
ALIGN, VALIGN
Ninguno
COMPACT, TYPE
</TH>
Ninguno
Ninguno
</VAR>
NO
Ninguno
</XMP>
</MENU>
NO
</TD>
</TEXTAREA>
</TITLE>
</TR>
</TT>
</UL>
5. Nombre
Etiqueta
HREF
Dirección del URL local
o remoto.
LOOP
<BGSOUND>
SRC
LOOP
<EMBED>
SRC
SRC
ALT
<IMAGE>
.
BGCOLOR
BACKGROUND
TEXT
LINK
VLINK
ALINK
ALIGN
ALIGN
ALIGN
SIZE
<BODY>
<CAPTION> dentro de
<TABLE>
<H1..H6>, <P ALIGN>,
<TD>, <TH>, <TR>,
<DIV>,
<HR>
WIDTH
SIZE
COLOR
FACE
HEIGHT
WIDTH
<FONT>
<EMBED>, <IMAGE>,
<MARQUEE>, <TD>,
<TH>
BORDER
CELLPADDING
CELLSPACING
<TABLE>
HEIGHT
WIDTH
COLSPAN
ROWSPAN
<TD> dentro de
<TABLE>
Atributos
Acción
Valor
href="www.hp.com"
Número de veces que se reproduce el
archivo de sonido. Para permanente
se usa INFINITE o -1.
Nombre del archivo de sonido
(Internet Explorer)
Número de veces que se reproduce el
archivo de sonido. Para permanente
se usa INFINITE o -1.
Nombre del archivo de sonido (con
Crescendo)
Nombre del gráfico
Nombre que reemplaza a la imágen
cuando ésta no puede ser cargada
Color de fondo
Imágen de fondo
Color del texto
Color de vínculo
Color de vínculo visitado
Color de vínculo presionado
Colocar título arriba (TOP) o debajo
(BOTTOM) de la tabla.
Alinear el texto: LEFT, RIGHT, CENTER
Alinear el texto: LEFT, RIGHT, CENTER
Valor de la altura en pixels o
porcentaje
Valor del ancho en pixels o
porcentaje
Tamaño de la letra de 1 a 7
Color de la letra
Fuente del texto (Internet Explorer)
Valor de la altura en pixels o
porcentaje
Valor del ancho en pixels o
porcentaje
Borde y ancho del borde en la tabla
Espacio entre el borde y el texto
Espacio entre las líneas interna y
externa del borde
Valor de la altura en pixels o
porcentaje
Valor del ancho en pixels o
porcentaje
Expandir una celda varias columnas
Expandir una celda varias filas
loop=infinite
src="sonido.wav"
loop=-1
src="sonido.mid"
src="imagen.gif"
alt="Nombre de Imágen"
bgcolor="#FFFFFF"
(blanco)
background="foto.gif"
text="#000000" (negro)
link="#0000FF" (azul)
vlink="#FF0000" (rojo)
alink="#00FF00" (verde)
align=top
align=center
align=center
size=3
width=50%
size=6
color="#000000" (negro)
face="helv" (helvética)
heigth=80
width=50%
border=5
cellpadding=10
cellspacing=3
heigth=80
width=50%
colspan=4
rowspan=4
6. Tag (Etiqueta)
<!--...-->
<!DOCTYPE>
<a>
<abbr>
<acronym>
<address>
<applet>
<area>
<article>
<aside>
<audio>
<b>
<base>
<basefont>
<bdi>
<bdo>
<big>
<blockquote>
<body>
<br>
<canvas>
<caption>
<center>
<cite>
<code>
<col>
<colgroup>
<command>
<datalist>
<dd>
<del>
<details>
<dfn>
<dialog>
<dir>
<div>
<dl>
Descripción
Define un comentario
Define el tipo de documento
Define un hiperenlace
Define una abreviatura
No suportado en HTML5. Define un acronimo
Define la información de contacto para el autor/propietaria de un
documento
No suportado en HTML5. Depreciado en HTML 4.01. Defins una applet
embebida
Define un área dentro de un mapa de imagen
Define un artículo
Define un contenido aparte del contenido de la página
Define un contenido de sonido
Define texto en negrita
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 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 que otro texto fuera de la etiqueta
Sobrescribe la actual dirección del texto
No suportado en HTML5. Define texto grande
Define una sección citada desde otra fuente
Define el cuerpo del documento
Define una rotura de línea simple
Usado para dibujar gráficos, al vuelo, mediante scripting
(generalmente JavaScript)
Define un título de tabla
No suportado en HTML5. Depreciado en HTML 4.01. Define el texto
centrado
Define el título de una obra
Define una pieza de código informático
Especifica la columna propiedades para cada columna dentro de un
elemento <colgroup>
Especifica un grupo de una o más columnas en una tabla para formato
Define un botón de comando que un usuario puede invocar
Especifica una lista de opciones predefinidas para controles de
entrada
Defina una descripción de un item en una lista de definiciones
Defines text that has been deleted from a document
Defines additional details that the user can view or hide
Defines a definition term
Defines a dialog box or window
Not supported in HTML5. Deprecated in HTML 4.01. Defines a
directory list
Defines a section in a document
Defines a definition list
7. <dt>
<em>
<embed>
<fieldset>
<figcaption>
<figure>
<font>
<footer>
<form>
<frame>
<frameset>
<h1> to <h6>
<head>
<header>
<hgroup>
<hr>
<html>
<i>
<iframe>
<img>
<input>
<ins>
<kbd>
<keygen>
<label>
<legend>
<li>
<link>
<map>
<mark>
<menu>
<meta>
<meter>
<nav>
<noframes>
<noscript>
<object>
<ol>
<optgroup>
<option>
<output>
<p>
<param>
<pre>
Defines a term (an item) in a definition list
Defines emphasized text
Defines a container for an external (non-HTML) application
Groups related elements in a form
Defines a caption for a <figure> element
Specifies self-contained content
Not supported in HTML5. Deprecated in HTML 4.01. Defines font,
colour, and size for text
Defines a footer for a document or section
Defines an HTML form for user input
Not supported in HTML5. Defines a window (a frame) in a frameset
Not supported in HTML5. Defines a set of frames
Defines HTML headings
Defines information about the document
Defines a header for a document or section
Groups heading (<h1> to <h6>) elements
Defines a thematic change in the content
Defines the root of an HTML document
Defines a part of text in an alternate voice or mood
Defines an inline frame
Defines an image
Defines an input control
Defines a text that has been inserted into a document
Defines keyboard input
Defines a key-pair generator field (for forms)
Defines a label for an <input> element
Defines a caption for a <fieldset>, < figure>, or <details> element
Defines a list item
Defines the relationship between a document and an external
resource (most used to link to style sheets)
Defines a client-side image-map
Defines marked/highlighted text
Defines a list/menu of commands
Defines metadata about an HTML document
Defines a scalar measurement within a known range (a gauge)
Defines navigation links
Not supported in HTML5. Defines an alternate content for users that
do not support frames
Defines an alternate content for users that do not support client-side
scripts
Defines an embedded object
Defines an ordered list
Defines a group of related options in a drop-down list
Defines an option in a drop-down list
Defines the result of a calculation
Defines a paragraph
Defines a parameter for an object
Defines pre-formatted text
8. <progress>
<q>
<rp>
<rt>
<ruby>
<s>
<samp>
<script>
<section>
<select>
<small>
<source>
<span>
<strike>
<strong>
<style>
<sub>
<summary>
<sup>
<table>
<tbody>
<td>
<textarea>
<tfoot>
<th>
<thead>
<time>
<title>
<tr>
<track>
<tt>
<u>
<ul>
<var>
<video>
<wbr>
Represents the progress of a task
Defines a short quotation
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 Oriental)
Define un carácter ruby
Define texto que ya no es correcto
Define una salida de ejemplo en un programa informático
Define un guión (script)s en el lado-cliente
Define una sección en un documento
Define una lista desplegable1
Define texto más pequeño
Define múltiples recursos multimedia para los elementos multimedia
(<video> y <audio>)
Define una sección en un documento
No suportado en HTML5. Depreciado en HTML 4.01. Define techo
tachado
Define un texto importante
Define el estilo de la información para un documento
Define texto infrascrito
Define a visible heading for a <details> element
Define texto supraescrito
Define una tabla
Agrupa el contenid del cuerpo en una tabla
Define una célda en una tabla
Define un control de entra multi-línea (área de texto)
Agrupa el contenido del pie (footer) en una tabla
Define una celda de encabezado en una tabla
Agrupa el contenido del encabezado en una tabla
Define una fecha/hora
Define el título de un documeto
Define una fila en una table
Define pistas de texto para elementos multimedia (<video> y <audio>)
No suportado en HTML5. Define texto Teletipo
Define un texto que puede ser estadísticamente diferente de un texto
normal
Define una lista sin ordenar
Define una variable
Define un video o una película
Define una posible ruptura de línea
BIBLIOGRAFIA
1. Etiquetas de HTML
http://crismattweb.tripod.com/guiahtml/etiqueta.html
2. Etiquetas Basicas HTML ima.udg.edu/~dagush/cursohtml/etiquet1.htm