1 U2 ETIQUETAS
Páginas: 15 (3503 palabras)
Publicado: 14 de octubre de 2015
U2 - ETIQUETAS
CONCEPTOS BÁSICOS SOBRE HTML
Lenguajes de etiquetas
2
El proceso de indicar las diferentes partes que componen la
información se denomina marcar (markup en inglés). Cada una
de las palabras que se emplean para marcar el inicio y el final
de una sección se denominan etiquetas.
Aunque existen algunas excepciones, en general las etiquetas
se indican por pares y se forman dela siguiente manera:
Etiqueta de apertura: carácter <, seguido del nombre de la etiqueta
(sin espacios en blanco) y terminado con el carácter >
Etiqueta de cierre: carácter <, seguido del carácter /,
seguido del nombre de la etiqueta (sin espacios en blanco) y
terminado con el carácter >
Lenguajes de etiquetas
3
Así, la estructura típica de las etiquetas HTML es:
...
HTML es un lenguaje de etiquetas (también llamado lenguaje
de marcado) y las páginas web habituales están formadas
por cientos o miles de pares de etiquetas. De hecho, las letras
"ML" de la sigla HTML significan "markup language", que es
como se denominan en inglés a los lenguajes de marcado.
La principal ventaja de los lenguajes de etiquetas es que son
muy sencillos deleer y escribir por parte de las personas y de
los sistemas electrónicos. La principal desventaja es que pueden
aumentar mucho el tamaño del documento, por lo que en
general se utilizan etiquetas con nombres muy cortos.
El primer documento HTML
4
Las páginas HTML se dividen en dos partes: la cabecera y el
cuerpo. La cabecera incluye información sobre la propia
página, como por ejemplo sutítulo y su idioma. El cuerpo de la
página incluye todos sus contenidos, como párrafos de texto e
imágenes.
El cuerpo (llamado body en inglés) contiene todo lo que el
usuario ve en su pantalla y la cabecera (llamada head en inglés)
contiene todo lo que no se ve (con la única excepción del título de
la página, que los navegadores muestran como título de sus
ventanas).
EJEMPLO 1
El primerdocumento HTML
5
Las tres etiquetas principales de un documento HTML son:
Etiquetas y atributos
6
HTML define 91 etiquetas
a, abbr, acronym, address, applet, area, b, base, basefont, bdo, big, blockquote, body, br,
button, caption, center, cite, code, col, colgroup, dd, del, dfn, dir, div, dl, dt, em, fieldset, font,
form, frame, frameset, h1, h2, h3, h4, h5, h6, head,hr, html, i, iframe, img, input, ins, isindex,
kbd, label, legend, li, link, map, menu, meta, noframes, noscript, object, ol, optgroup, option, p,
param, pre, q, s, samp, script, select, small, span, strike, strong, style, sub, sup, table, tbody, td,
textarea, tfoot, th, thead, title, tr, tt, u, ul, var.
De todas las etiquetas disponibles, las siguientes se consideran
obsoletas y no se puedenutilizar: applet, basefont, center, dir, font, isindex,
menu, s, strike, u.
Algunos elementos como las imágenes y los enlaces requieren
cierta información adicional para estar completamente definidos.
Por ejemplo, la etiqueta que se emplea para insertar un
enlace en un página.
Etiquetas y atributos
7
Se utiliza la misma etiqueta para todos los enlaces de la
página y se utilizan losatributos para indicar la dirección a la
que apunta cada enlace.
atributo
Etiquetas y atributos
8
El primer enlace del ejemplo anterior no está correctamente
definido, ya que no apunta a ninguna dirección.
El segundo enlace, utiliza la misma etiqueta , pero añade
información adicional mediante el atributo href.
Los atributos se incluyen dentro de la etiqueta de apertura.
Aunque cada una de lasetiquetas HTML define sus propios
atributos, algunos de los atributos son comunes a muchas o casi
todas las etiquetas.
Cada atributo indica el tipo de valor que se le puede asignar.
Si el valor de un atributo no es válido, el navegador ignora ese
atributo.
Etiquetas y atributos
9
Los atributos comunes se dividen en cuatro grupos según su
funcionalidad:
1) Atributos básicos: se pueden utilizar...
CONCEPTOS BÁSICOS SOBRE HTML
Lenguajes de etiquetas
2
El proceso de indicar las diferentes partes que componen la
información se denomina marcar (markup en inglés). Cada una
de las palabras que se emplean para marcar el inicio y el final
de una sección se denominan etiquetas.
Aunque existen algunas excepciones, en general las etiquetas
se indican por pares y se forman dela siguiente manera:
Etiqueta de apertura: carácter <, seguido del nombre de la etiqueta
(sin espacios en blanco) y terminado con el carácter >
Etiqueta de cierre: carácter <, seguido del carácter /,
seguido del nombre de la etiqueta (sin espacios en blanco) y
terminado con el carácter >
Lenguajes de etiquetas
3
Así, la estructura típica de las etiquetas HTML es:
HTML es un lenguaje de etiquetas (también llamado lenguaje
de marcado) y las páginas web habituales están formadas
por cientos o miles de pares de etiquetas. De hecho, las letras
"ML" de la sigla HTML significan "markup language", que es
como se denominan en inglés a los lenguajes de marcado.
La principal ventaja de los lenguajes de etiquetas es que son
muy sencillos deleer y escribir por parte de las personas y de
los sistemas electrónicos. La principal desventaja es que pueden
aumentar mucho el tamaño del documento, por lo que en
general se utilizan etiquetas con nombres muy cortos.
El primer documento HTML
4
Las páginas HTML se dividen en dos partes: la cabecera y el
cuerpo. La cabecera incluye información sobre la propia
página, como por ejemplo sutítulo y su idioma. El cuerpo de la
página incluye todos sus contenidos, como párrafos de texto e
imágenes.
El cuerpo (llamado body en inglés) contiene todo lo que el
usuario ve en su pantalla y la cabecera (llamada head en inglés)
contiene todo lo que no se ve (con la única excepción del título de
la página, que los navegadores muestran como título de sus
ventanas).
EJEMPLO 1
El primerdocumento HTML
5
Las tres etiquetas principales de un documento HTML son:
Etiquetas y atributos
6
HTML define 91 etiquetas
a, abbr, acronym, address, applet, area, b, base, basefont, bdo, big, blockquote, body, br,
button, caption, center, cite, code, col, colgroup, dd, del, dfn, dir, div, dl, dt, em, fieldset, font,
form, frame, frameset, h1, h2, h3, h4, h5, h6, head,hr, html, i, iframe, img, input, ins, isindex,
kbd, label, legend, li, link, map, menu, meta, noframes, noscript, object, ol, optgroup, option, p,
param, pre, q, s, samp, script, select, small, span, strike, strong, style, sub, sup, table, tbody, td,
textarea, tfoot, th, thead, title, tr, tt, u, ul, var.
De todas las etiquetas disponibles, las siguientes se consideran
obsoletas y no se puedenutilizar: applet, basefont, center, dir, font, isindex,
menu, s, strike, u.
Algunos elementos como las imágenes y los enlaces requieren
cierta información adicional para estar completamente definidos.
Por ejemplo, la etiqueta que se emplea para insertar un
enlace en un página.
Etiquetas y atributos
7
Se utiliza la misma etiqueta para todos los enlaces de la
página y se utilizan losatributos para indicar la dirección a la
que apunta cada enlace.
atributo
Etiquetas y atributos
8
El primer enlace del ejemplo anterior no está correctamente
definido, ya que no apunta a ninguna dirección.
El segundo enlace, utiliza la misma etiqueta , pero añade
información adicional mediante el atributo href.
Los atributos se incluyen dentro de la etiqueta de apertura.
Aunque cada una de lasetiquetas HTML define sus propios
atributos, algunos de los atributos son comunes a muchas o casi
todas las etiquetas.
Cada atributo indica el tipo de valor que se le puede asignar.
Si el valor de un atributo no es válido, el navegador ignora ese
atributo.
Etiquetas y atributos
9
Los atributos comunes se dividen en cuatro grupos según su
funcionalidad:
1) Atributos básicos: se pueden utilizar...
Leer documento completo
Regístrate para leer el documento completo.