Tag s

Expositoras : Nina Gutierrez Noemi
Quispe Vanesa

DEFINICION DE TAG
(INFORMATICA)
En informática, tag (muchas
veces traducido etiqueta) puede
tener múltiples significados:
* Tag (metadato), una palabra
clave o término asociado con o
asignado a una pieza de
información.

• Sistema tag (tag system), un modelo computacional
determinista.
• Tag HTML o etiqueta HTML, parte del HTML.
• Meta tag o Meta element, elementos HTML.
• Tag (programación), un método de pasar parámetros
a subrutinas.
• Editor de tag (o tag editor), un software que sirve
para editar metadatos de archivos multimedia.
• Tag se traduce al español como etiqueta.
• TAG (BBS), un programa BBS para DOS.
• Electronic tagging o etiquetado electrónico, una
forma de vigilancia no encubierta.

HTML nació públicamente en un documento llamado HTML Tags (Etiquetas HTML), publicado por
primera vez en Internet por Tim Berners-Lee en 1991. En esta publicación se describen 22 etiquetas
que mostraban un diseño inicial y relativamente simple de HTML. Varios de estos elementos se
conservan en la actualidad. Otros se han dejado de usar, y muchos otros se han ido añadiendo
con el paso de los años. De esta manera, podemos hablar de que han existido distintas versiones
de HTML a lo largo de la historia de internet. Nosotros vamos a trabajar con el HTML estándar actual,
que es el utilizado por los navegadores y páginas web de hoy en día. Sin embargo, no vamos a
prestarle atención a las versiones y especificidades de cada versión, ya que el objetivo de este
curso es aprenderlos fundamentos de HTML y entender cómo funciona, no conocer la sintaxis o
especificidades de una versión concreta. ¿Por qué no le damos importancia a la versión? Porque
una persona que cuenta con los fundamentos y comprensión básica sobre el lenguaje es capaz de
adaptarse a las características particulares de una versión sin problema. En cambio, centrarse en
los detalles de una versión sin conocer los fundamentos hará que no tengamos capacidad para
comprender lo que hacemos ni para adaptarnos a los continuos cambios que tienen lugar en el
ámbito de los desarrollos web.
ALGO DE HISTORIA

¿QUÉ ES Y PARA QUÉ SIRVE HTML?
EL LENGUAJE MÁS IMPORTANTE
PARA CREAR PÁGINAS WEBS. HTML
TAGS (CU00704B)
• ¿QUÉ ES Y PARA QUÉ SIRVE HTML?
• HTML es el lenguaje que se emplea para el desarrollo
de páginas de internet. Está compuesto por una serie
de etiquetas que el navegador interpreta y da forma
en la pantalla. HTML dispone de etiquetas para
imágenes, hipervínculos que nos permiten dirigirnos a
otras páginas, saltos de línea, listas, tablas, etc.

<html>
<body>
<p>Esto es un párrafo. Bienvenidos a esta página web.</p>
</body>
</html>
Podríamos decir que HTML sirve para crear páginas web,
darles estructura y contenido. Un ejemplo sencillo de
código HTML podría ser:
Este ejemplo está formado por 3 etiquetas HTML. Como
podemos observar cada una de las etiquetas debe
acabar con su homóloga de cierre. En este caso la
etiqueta <html> debe cerrarse con </html>, la etiqueta
<body> con </body> y la etiqueta <p> con </p>.

• Hay muchas más etiquetas que veremos más adelante pero
nos debe quedar claro que por cada etiqueta que abramos,
deberemos incluir la correspondiente etiqueta de cierre. Así
conseguiremos un código HTML bien formado y que los
navegadores puedan interpretar sin ambigüedad.
• ¿Qué ocurriría si una etiqueta que abramos no tiene su
correspondiente cierre? Digamos que se trataría de un
código HTML mal construido, y los navegadores esto lo
pueden interpretar de distintas maneras. Quizás nos muestren
la página tal y como esperábamos sin aparente error. Quizás
nos muestren una página de error o se quede en blanco el
navegador. Nuestro objetivo ha de ser siempre construir
páginas HTML bien estructuradas y sin ambiguedades, es
decir, hacer un correcto uso del lenguaje para que los
navegadores puedan saber exactamente qué es lo que
pretendemos mostrar.

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

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 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
<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
Listado de todos los elementos HTML:

<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 desplegable1
<small> Define texto más pequeño
<source>
Define múltiples recursos multimedia para los
elementos multimedia (<video> y <audio>)

• http://www.alegsa.com.ar/Dic/tag.php DEFINICIONES
• http://www.aprenderaprogramar.com/index.php?option=com_content&
view=article&id=435:ique-es-y-para-que-sirve-html-el-lenguaje-mas-
importante-para-crear-paginas-webs-html-tags-
cu00704b&catid=69:tutorial-basico-programador-web-html-desde-
cero&Itemid=192 ALGO DE HISTORIA
• http://es.wikipedia.org/wiki/Etiqueta_(metadato) etiqueta (metadato)
Direcciones Utilizadas:

Tag s

Recomendados

Recomendados

Más contenido relacionado

La actualidad más candente

La actualidad más candente (20)

Similar a Tag s

Similar a Tag s (20)

Último

Último (20)

Tag s