dgpc_apunte_HTML
Páginas: 9 (2089 palabras)
Publicado: 15 de febrero de 2016
Clase
HTML / HTML5
01. ¿Qué es HTML?
HTML, HyperText Markup Language ó Lenguaje de Marcas de HiperTexto es un lenguaje de marcado. Se
compone de etiquetas que utilizaremos para delimitar (o, como su nombre indica, marcar) áreas y jerarquías
de contenido: imágenes, textos, títulos, párrafos, videos, audios, secciones, artículos, fechas, etc. Se entiende
por etiqueta a un texto contenido entre lossímbolos de mayor y menor : < > y son las que definen el formato
del contenido que queremos mostrar.
La gran mayoría de las etiquetas pueden contener otras etiquetas que definan otros contenidos más
específicos, por lo cual distinguiremos entre dos categorías. Tenemos etiquetas que llamaremos compuestas
cuyo comienzo se indica: y su cierre (con el mismonombre
y anteponiendo una /); y etiquetas que llamaremos simples que no encierran ningún contenido visible o
ninguna otra etiqueta y se cierran con una / antes del símbolo menor:
de HTML5, no es necesario anteponer la / al cierre de una etiqueta simple, sin embargo es una buena
práctica hacerlo.
De esta manera, podemos generar una estructura mínima (e indispensable) decódigo HTML:
Así, vemos que se presenta una estructura de etiquetas anidadas (una dentro de otra) y donde la etiqueta
encierra siempre todo el contenido del documento HTML. A su vez, dentro de ella, encontramos dos
etiquetas principales y obligatorias: y . Dentro de la etiqueta , quesignifica cabeza o
encabezado en inglés, vamos a definir toda la configuración y datos relativos al documento (archivos
enlazados, idioma del sitio, etc.), nada de esta información es visible directamente en el navegador. Dentro de
la etiqueta , que significa cuerpo en inglés, vamos a incorporar todos los contenidos específicos al
sitio y que deseemos que sean visibles para el usuario. Sólamentequeda por fuera la etiqueta ,
que explicaremos su función a continuación.
Página 1 de 5
Diseño Gráfico por Computación
Cátedras Díaz Cortez y Ocampo
Clase
HTML / HTML5
01. ¿Qué es HTML?
DOCTYPE y versiones de HTML
DOCTYPE, Document Type Declaration ó Declaración de Tipo de Documento es el primer elemento de nuestro
documento y es de carácter obligatorio ya que es quien define el tipode documento en el cual estamos
trabajando. El DOCTYPE le indica al navegador, que va a interpretar nuestro código, la versión de HTML que
vamos a utilizar. Actualmente, y como vimos en el ejemplo anterior, usamos HTML5. Si nuestro documento
no tuviese declarado un DOCTYPE correríamos el riesgo de que el navegador no muestre correctamente los
elementos de nuestro archivo. Para la versión de HTML5se escribe así: .
Semántica de HTML5
Hoy, el foco de la web está en la accesibilidad y calidad de información que se ofrece. Los motores de
búsqueda (como el de Google) y las herramientas de accesibilidad, entre otras, pueden mostrar, ofrecer y
combinar nuestro contenido de muchas maneras distintas; pero sólo si el contenido está bien organizado,
jerarquizado y catalogado. HTML5incorpora una gran diversidad de etiquetas que son de gran utilidad para
diferenciar y jerarquizar información: elementos multimedia y de delimitación de estructuras, nuevas
relaciones entre enlaces y atributos, nuevos tipos de formularios, etc. Por eso es tan importante entender
con qué criterio utilizar las diferentes etiquetas que existen hoy.
Atributos
Los atributos son porciones de código que seagregan al comienzo de cada etiqueta y son los que definen
ciertos comportamientos, relaciones (vínculos) o datos sobre la misma. Generalmente están compuestos por
un nombre y un valor: nombre=“valor”. Todas las etiquetas de HTML pueden incorporar atributos generales o específicos a sí misma. Por ejemplo, en el caso de una imagen, el atributo src, abreviación de source y
que significa fuente en...
HTML / HTML5
01. ¿Qué es HTML?
HTML, HyperText Markup Language ó Lenguaje de Marcas de HiperTexto es un lenguaje de marcado. Se
compone de etiquetas que utilizaremos para delimitar (o, como su nombre indica, marcar) áreas y jerarquías
de contenido: imágenes, textos, títulos, párrafos, videos, audios, secciones, artículos, fechas, etc. Se entiende
por etiqueta a un texto contenido entre lossímbolos de mayor y menor : < > y son las que definen el formato
del contenido que queremos mostrar.
La gran mayoría de las etiquetas pueden contener otras etiquetas que definan otros contenidos más
específicos, por lo cual distinguiremos entre dos categorías. Tenemos etiquetas que llamaremos compuestas
cuyo comienzo se indica:
y anteponiendo una /); y etiquetas que llamaremos simples que no encierran ningún contenido visible o
ninguna otra etiqueta y se cierran con una / antes del símbolo menor:
de HTML5, no es necesario anteponer la / al cierre de una etiqueta simple, sin embargo es una buena
práctica hacerlo.
De esta manera, podemos generar una estructura mínima (e indispensable) decódigo HTML:
Así, vemos que se presenta una estructura de etiquetas anidadas (una dentro de otra) y donde la etiqueta
encierra siempre todo el contenido del documento HTML. A su vez, dentro de ella, encontramos dos
etiquetas principales y obligatorias: y . Dentro de la etiqueta , quesignifica cabeza o
encabezado en inglés, vamos a definir toda la configuración y datos relativos al documento (archivos
enlazados, idioma del sitio, etc.), nada de esta información es visible directamente en el navegador. Dentro de
la etiqueta , que significa cuerpo en inglés, vamos a incorporar todos los contenidos específicos al
sitio y que deseemos que sean visibles para el usuario. Sólamentequeda por fuera la etiqueta ,
que explicaremos su función a continuación.
Página 1 de 5
Diseño Gráfico por Computación
Cátedras Díaz Cortez y Ocampo
Clase
HTML / HTML5
01. ¿Qué es HTML?
DOCTYPE y versiones de HTML
DOCTYPE, Document Type Declaration ó Declaración de Tipo de Documento es el primer elemento de nuestro
documento y es de carácter obligatorio ya que es quien define el tipode documento en el cual estamos
trabajando. El DOCTYPE le indica al navegador, que va a interpretar nuestro código, la versión de HTML que
vamos a utilizar. Actualmente, y como vimos en el ejemplo anterior, usamos HTML5. Si nuestro documento
no tuviese declarado un DOCTYPE correríamos el riesgo de que el navegador no muestre correctamente los
elementos de nuestro archivo. Para la versión de HTML5se escribe así: .
Semántica de HTML5
Hoy, el foco de la web está en la accesibilidad y calidad de información que se ofrece. Los motores de
búsqueda (como el de Google) y las herramientas de accesibilidad, entre otras, pueden mostrar, ofrecer y
combinar nuestro contenido de muchas maneras distintas; pero sólo si el contenido está bien organizado,
jerarquizado y catalogado. HTML5incorpora una gran diversidad de etiquetas que son de gran utilidad para
diferenciar y jerarquizar información: elementos multimedia y de delimitación de estructuras, nuevas
relaciones entre enlaces y atributos, nuevos tipos de formularios, etc. Por eso es tan importante entender
con qué criterio utilizar las diferentes etiquetas que existen hoy.
Atributos
Los atributos son porciones de código que seagregan al comienzo de cada etiqueta y son los que definen
ciertos comportamientos, relaciones (vínculos) o datos sobre la misma. Generalmente están compuestos por
un nombre y un valor: nombre=“valor”. Todas las etiquetas de HTML pueden incorporar atributos generales o específicos a sí misma. Por ejemplo, en el caso de una imagen, el atributo src, abreviación de source y
que significa fuente en...
Leer documento completo
Regístrate para leer el documento completo.