<Etiquetas
de HTML>
Que son las etiquetas en HTML, su uso, lista de las
principales
Fernando Zapata
28/10/2013
Etiqueta (lenguaje de marcado)
A menudo se emplea la palabra inglesa (tag) a pesar de que «etiqueta» o «baliza» son
perfec...
<BLINK>
<BLOCKQUOTE>
<BODY>

Hace parpadear el texto.
Da formato con sangría a
un párrafo
Cuerpo del documento.

<BR>

Ret...
<LIT>
<MARQUEE>

<MENU>
<META>
<NEXTID>
<NOBR>
<OL>

<OPTION>
<P>
<P ALIGN>
<PLAINTEXT>
<PRE>
<S>
<SAMP>
<SELECT>

<SMALL>...
Nombre

Etiqueta

HREF

Dirección del URL local
o remoto.

LOOP
<BGSOUND>
SRC
LOOP
<EMBED>
SRC
SRC
ALT

<IMAGE>
.

BGCOLOR...
Tag (Etiqueta)
<!--...-->
<!DOCTYPE>
<a>
<abbr>
<acronym>
<address>
<applet>
<area>
<article>
<aside>
<audio>
<b>
<base>
<...
<dt>
<em>
<embed>
<fieldset>
<figcaption>
<figure>
<font>
<footer>
<form>
<frame>
<frameset>
<h1> to <h6>
<head>
<header>
...
<progress>
<q>
<rp>
<rt>
<ruby>
<s>
<samp>
<script>
<section>
<select>
<small>
<source>
<span>
<strike>
<strong>
<style>
<...
Upcoming SlideShare
Loading in...5
×

Etiquetas de html

368

Published on

Principales etiquetas HTML

Published in: Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
368
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
14
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "Etiquetas de html"

  1. 1. <Etiquetas de HTML> Que son las etiquetas en HTML, su uso, lista de las principales Fernando Zapata 28/10/2013
  2. 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. 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. 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. 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. 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. 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. 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

×