HTML
HTML (HyperText Markup Language)
|
|
 |
|
Desarrollador
|
|
Información general
|
|
.html, .htm
|
|
text/html
|
|
TEXT
|
|
public.html
|
|
Tipo de formato
|
|
Extendido de
|
|
Extendido a
|
|
ISO/IEC 15445
W3C HTML 4.01
W3C HTML5(borrador)
|
|
?
|
|
HTML,
siglas de HyperText
Markup Language («lenguaje
de marcado de hipertexto»), hace referencia allenguaje de marcado predominante para
la elaboración de páginas
web que
se utiliza para describir la estructura y el contenido en forma de texto, así
como para complementar el texto con objetos tales como imágenes. El HTML se
escribe en forma de «etiquetas», rodeadas por corchetes
angulares (<,>).
HTML también puede describir, hasta un cierto punto, la apariencia de un
documento, y puede incluir un script (por ejemplo JavaScript),
el cual puede afectar el comportamiento de navegadores
web y
otros procesadores de HTML.1
HTML también sirve
para referirse al contenido del tipo de MIME text/html o todavía
más ampliamente como un término genérico para el HTML, ya sea en forma
descendida del XML (como XHTML 1.0 y posteriores)
o en forma descendida directamente de SGML (como HTML 4.01 y
anteriores).
Estructura básica de un documento HTML |
Todos los
documentos Html tienen la estructura que se muesta a
continuación, aunque la etiqueta <body> puede ser
sustituida por <frameset> para un tipo de
páginas que dividen la ventana del navegador en varios cuadros (frames).
<HTML>
<HEAD>
<TITLE>Título de la página</TITLE>
...
</HEAD>
<BODY>
Aquí iría el contenido de la página
</BODY>
</HTML>
Vamos a analizar más detenidamente las distintas secciones que componen
la página
ETIQUETAS
HTML
En la presente tabla se hace una
comparación entre las etiquetas de formato de texto . Netscape no soporta
<DFN>: ni <S> (tachado).
El
lenguaje HTML es un lenguaje de marcas, estas marcas serán fragmentos de texto
destacado de una forma especial que permiten la definición de las distintas
instrucciones de HTML, tanto los efectos a aplicar sobre el texto como las
distintas estructuras del lenguaje. A estas marcas las denominaremos etiquetas
y serán la base principal del lenguaje HTML. En documento HTML será un fichero
texto con etiquetas que variarán la forma de su presentación.
Una
etiqueta será un texto incluido entre los símbolos menor que < y mayor que >.. El texto incluido dentro de los símbolos será explicativo de la
utilidad de la etiqueta. Por ejemplo:
<B>
|
Letra Negrita, del inglés Bold
(negrita).
|
<TABLE>
|
Definirá una tabla.
|
<IMG>
|
Inclusión de una IMaGen.
|
Existe
normalmente una etiqueta de inicio y otra de fin, la de fin contendrá el mismo
texto que la de inicio añadiéndole al principio una barra inclinada /. El efecto que define la etiqueta tendrá validez para todo lo que este
incluido entre las etiquetas de inicio y fin, ya sea texto plano o otras
etiquetas HTML.
<ETIQUETA>Elementos Afectados
por la Etiqueta</ETIQUETA>
Por
ejemplo, con la etiqueta siguiente:
<B>Texto
que será en negrita</B>.
Obtendremos:
Texto
que será en negrita
Algunas
etiquetas no necesitarán la de fin, serán aquellas en las que el final este
implícito, por ejemplo <P> párrafo, <BR> salto de línea ó <IMG> inclusión de una imagen. Definen un efecto que se producirá en un punto
determinado sin afectar a otros elementos.
El
uso de mayúsculas o minúsculas en las etiquetas es indiferente, se
interpretarán del mismo modo en ambos casos, pero lo normal es expresarlas en
mayúsculas para que destaquen con más nitidez del texto normal.
Atributos
de las Etiquetas
Las
etiquetas pueden presentar modificadores que llamaremos atributos que
permitirán definir diferentes posibilidades de la instrucción HTML. Estos
atributos se definirán en la etiqueta de inicio y consistirán normalmente en el
nombre del atributo y el valor que toma separados por un signo de igual. El
orden en que se incluyan los atributos es indiferente, no afectando al
resultado. Si se incluyen varias veces el mismo atributo con distintos valores el
resultado obtenido será imprevisible dependiendo de como lo interprete el
navegador. Cuando el valor que toma el atributo tiene más de una palabra deberá
expresarse entre comillas, en otro caso no será necesario.
Un
ejemplo de atributo será:
<A
HREF="http://www.uca.es">Pagina principal de la UCA</A>
En
este caso la etiqueta A presenta un atributo HREF cuyo valor es http://www.uca.es.
Igualmente
una etiqueta podría presentar varios atributos:
<HR ALIGN=LEFT NOSHADE SIZE=5 WIDTH=50%>
En este caso la etiqueta HR presenta cuatro atributos. El segundo
atributo NOSHADE es un caso especial que no presenta valor. El orden en que se
especifiquen los atributos no afectarán al resultado final.
Etiquetas
correctas
Todo
texto que se encuentre entre los caracteres < y > se considerará una
etiqueta, si la etiqueta no fuera una de las validas del lenguaje HTML no será
tenida en cuenta, sin causar ningún tipo de error. Dejándose el texto o las
etiquetas a las que afectaba como si no existiera la etiqueta extraña. Cuando
se comete un error sintáctico al expresar una etiqueta o un atributo no se
producirá ningún error, simplemente no de obtendrá el efecto que deseábamos.
El
lenguaje HTML es un lenguaje que evoluciona muy rápidamente y cada nueva
versión de los programas navegadores presenta etiquetas nuevas que causan
efectos más espectaculares o atributos nuevos de las etiquetas ya existentes.
Esto causa que los programas más antiguos no entiendan estas nuevas etiquetas y
por tanto las considere erróneas y no realice la acción que deseábamos. Dándose
el caso de atributos que son validos solo para un único navegador.
Cuando
creemos código HTML hay que hacerlo lo más estándar posible para permitir que
el documento pueda ser visto de forma efectiva por distintos navegadores en
maquinas distintas. Por tanto debemos renunciar a efectos espectaculares que
solo tienen validez en un navegador e intentar comprobar como se ve el
documento en una variedad de navegadores, ya que las personas que se conectan a
nuestras páginas no tendrán en la mayoría de los casos el mismo que nosotros.
Tambien es interesante como se vería el documento en los distintos tamaños de
la ventana del navegador, teniendo en cuenta que todos no tienen un monitor con
la misma resolución.
En
este manual se han tratado de incluir las características más estándar de HTML
y en caso de tratarse de instrucciones más particulares se indicará
convenientemente.
ATRIBUTOS HTML
Este tutorial está pensado para presentar las bases del código
HTML a usuarios que nunca han escrito un sitio web manualmente. Escribir código
HTML code es básicamente escribir tags, atributos y contenido. Es por ello que
nos enfocaremos en cómo un tag, sus atributos y su contenido son definidos.
Nota que también estableceremos las reglas para escribir documentos XHTML válidos.
Los atributos dan ciertas características a un elemento (por
ejemplo, altura, color, relación, etc.), a veces muy importantes, que al final
establecerán cómo el mismo debe ser interpretado. Por ejemplo, elelemento HTML a inserta un vínculo en un documento HTML (una forma de ir del
documento actual a otro recurso, usualmente con un click), pero el atributo
"rel" establece cuál es la relación entre el documento actual y el
recurso destino.
Aún cuando muchos atributos son compartidos por muchos elementos,
cada elemento tiene un set de atributos predefinido de acuerdo al estándar que
se esté utilizando. Para ver los atributos que un elemento acepta, revisa la
descripción de ese elemento en la lista de tags HTML.
Como vimos en el ejemplo genérico cada atributo debe tener un
valor y ha de ser definido en el tag de apertura. En este ejemplo insertamos
una definición completa (con contenido y tag de cierre) de unelemento HTML a con dos atributos: "href" y "rel".
Código
<a rel="help" href="otrodoc.html">Otro
documento que sirve de ayuda para comprender este</a>
Vista
Observa como el nombre de atributo es seguido por un signo igual y
su valor encerrado entre comillas. Así es como todo atributo debe ser definido
para ser compatible con XHTML.
También existe otro tipo de atributo cuyo valor es booleano
(Verdadero o Falso). Esto significa que puedes definir este atributo con solo
escribir su nombre (sin el igual y sin su valor), pero como estamos escribiendo código XHTML, la forma correcta para definir un atributo booleano es usando su
propio nombre como valor.
También existe otro tipo de atributo cuyo valor es booleano
(Verdadero o Falso). Esto significa que puedes definir este atributo con solo
escribir su nombre (sin el igual y sin su valor), pero como estamos escribiendo código XHTML, la forma correcta para definir un atributo booleano es usando su
propio nombre como valor.
En el ejemplo siguiente mostramos una defición del elemento HTML button,
compatible con código XHTML, con los atributos: "id", "disabled"
(booleano) y "tabindex".
Código
<button id="okbutton"
disabled="disabled" tabindex="3">Ok</button>
ETIQUETAS CON
RESPECTIVOS ATRIBUTOS
Etiquetas
|
||||
Apertura
|
Acción
|
Atributos
|
Cierre
|
|
< !
|
Comentario.
|
Ninguno
|
-->
|
|
<A>
|
Hipervínculo.
|
HREF, NAME, REL, REV, TITLE
|
</A>
|
|
<ADDRESS>
|
Formato
para dirección del autor.
|
Ninguno
|
</ADDRESS>
|
|
<BASE>
|
Url del
autor; contexto del documento.
|
HREF
|
</BASE>
|
|
<BASEFONT
SIZE>
|
Tamaño
de la fuente base.
|
Ninguno
|
NO
|
|
<BGSOUND>
|
Sonido
de fondo.
|
SRC,
LOOP.
|
NO -
Internet Explorer
|
|
<BIG>
|
Aumenta
el tamaño.
|
Ninguno
|
</BIG>
|
|
<BLINK>
|
Hace
parpadear el texto.
|
Ninguno
|
</BLINK>
- Netscape
|
|
<BLOCKQUOTE>
|
Da
formato con sangría a un párrafo
|
Ninguno
|
</BLOCKQUOTE>
|
|
<BODY>
|
Cuerpo
del documento.
|
BGCOLOR, BACKGROUND, TEXT, LINK, VLINK, ALINK
|
</BODY>
|
|
<BR>
|
Retorno
de línea.
|
CLEAR:
Se utiliza en combinación con ALIGN de IMAGE.
|
NO
|
|
<CAPTION>
|
Posición
de la leyenda en una tabla.
|
ALIGN: TOP/BOTTOM. Internet Explorer: LEFT, RIGHT, CENTER
|
</CAPTION>
|
|
<CENTER>
|
Centrar.
|
Ninguno
|
</CENTER>
|
|
<CITE>
|
Formato
para citas en itálicas.
|
Ninguno
|
</CITE>
|
|
No hay comentarios:
Publicar un comentario