Imprimir

Lenguaje XHTML

Posteado en Contenido: HTML

HTML es el lenguaje que se utiliza para crear todas las páginas web de Internet. HTML son las siglas de HyperText Markup Language (Lenguaje de hipertexto etiquetado).

Los desarrolladores utilizan el lenguaje HTML para crear sus páginas web con unos programas concretos (que puede ser desde el bloc de notas a programas como Dreanwaver) y los usuarios de internet ven estas páginas con algún navegador Web (Firefox, Chrome, Opera, Safari,...).

El lenguaje HTML es un estándar reconocido en todo el mundo y cuyas normas define un organismo sin ánimo de lucro llamado World Wide Web Consortium, más conocido como W3C. Como se trata de un estándar reconocido por todas las empresas relacionadas con el mundo de Internet, una misma página HTML se visualiza de forma muy similar en cualquier navegador de cualquier sistema operativo.

HTML está compuesto por un conjunto de elementos que son la base de su estructura. Los elementos están representados en el código de la página Web por etiquetas o tags. El navegador lee estas etiquetas e interpreta los elementos del lenguaje HTML de forma visual.

Los elementos están compuestos por dos tags: tag de apertura y tag de cierre (a excepción de los elementos vacíos donde el tag de cierre se omite). Los elementos no son tags, los elementos son representados por tags en el código.

Un elemento se compone de:

  • Una etiqueta de apertura
  • Ninguno o más atributos
  • Texto encerrado por la etiqueta
  • Una etiqueta de cierre

 elemento xhtml

Tanto el tag de apertura como el de cierre está compuesto por el nombre del elemento encerrado entre los símbolos de menor "<" y de mayor ">", además el tag de cierre se escribe exactamente igual que el de apertura pero con una barra "/" antes del nombre del elemento, salvo los elementos sin tag de cierre donde la barra va después del nombre del tag.

Por ejemplo: para enfatizar un texto en negrita escribimos:

<strong>Esto está en negrita</strong>

Cualquier cosa que pongamos en medio de estas etiquetas se denomina contenido (como hemos dicho, también hay elementos vacios de contenido como el elemento línea <hr /> o salto de línea <br />)

Hay cerca de 100 elementos HTML estándar que producen un resultado específico cuando un navegador representa el documento que lo contiene.

El lenguaje HTML clasifica a todos los elementos en dos grupos: elementos en línea (inline elements en inglés) y elementos de bloque (block elements en inglés). La principal diferencia entre los dos tipos de elementos es la forma en la que ocupan el espacio disponible en la página. Los elementos de bloque siempre empiezan en una nueva línea y ocupan todo el espacio disponible hasta el final de la línea, aunque sus contenidos no lleguen hasta el final de la línea. Por su parte, los elementos en línea sólo ocupan el espacio necesario para mostrar sus contenidos.

Atributos

Muchos elementos HTML admiten atributos que tendrán cierto valor. Los atributos dan ciertas características a un elemento (por ejemplo, altura, color, relación, etc.). Por ejemplo, el elemento HTML a inserta un vínculo en un documento HTML (una forma de ir del documento actual a otro, usualmente con un click), pero el atributo "href" establece cuál es la dirección de destino.

Aún cuando muchos atributos son compartidos por muchos elementos, cada elemento tiene un conjunto de atributos predefinido de acuerdo al estándar que se esté utilizando. Para ver los atributos que un elemento en particular acepta puedes revisar Guía de Referencia XHTML de la W3C.

Como veremos cada atributo debe tener un valor y ha de ser definido en el tag de apertura. Cada par "atributo-valor" debe estar separado del siguiente por un espacio.

Atributos básicos que pueden utilizarse en casi todas las etiquetas HTML

Atributo básico

Descripción

class="un_texto" Establece la clase que se aplica al elemento (puede haber varios elementos que la tengan)
id="un_texto" Pone un identificador que se aplica al elemento (debe ser único en la página xhtml)
title="un_texto" Pone el título a un elemento (mejora la accesibilidad y los navegadores lo muestran cuando el usuario pasa el ratón por encima del elemento)
style="un_texto" Establece de forma directa estilos CSS (aunque no es aconsejable)

Ejemplo:

<nombreTag atributo1="valor1" atributo2="valor2" ...>contenido</nombreTag>

Eventos

Los eventos se utilizan mucho en documentos HTML como una forma de asociar tags HTML a scripts. Un script es un programa del lado del cliente que realiza una acción y los eventos son aquello que ocurren y que hace que se ejecute dicho script (por ejemplo, pasar el puntero del mouse sobre un elemento, etc.).

La sintaxis usada para definir un evento es similar a la sintaxis de un atributo, aparecen como un par "evento-función" separados por un espacio dentro del tag de apertura.

Atributo de evento Descripción
onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup Permiten controlar los eventos producidos sobre cada elemento de la página

Ejemplo:

<a onmouseover="funcion1()" onmouseout="funcion2()" href="/i2012/pagina.html">contenido</a>

Contenido

El contenido de un elemento es, en la mayoría de los casos, la parte afectada por el efecto del tag (por ejemplo, el texto dentro de un elemento HTML <em> es, en la mayoría de los navegadores, representado como texto en cursiva) y va encerrado por los tags de apertura y cierre.

Por su naturaleza y funcionalidad, no todos los elementos tienen contenido (por ejemplo, el tag HTML <img />). Estos elementos vacíos deben ser adecuadamente cerrados para que el documento sea compatible con el estándar de código XHTML, es decir dejando un espacio y después barra y ángulo de mayor.

Aula Virtual / Foro

aula virtualforo

Utilidades...

imprescindibles Chrome Safari Opera IE9 Adobe Reader 7zip Flash Java Filehippo Ninite

Visitas...

Hoy2
Ayer7
Mes132
TOTAL58839

En línea...

Tenemos 11 visitantes y ningun miembro en Línea