HTML
HTML, siglas de HyperText Markup
Language («lenguaje de marcado de hipertexto»), hace referencia al lenguaje de marcado predominante para la elaboración de
páginas web que se utiliza para describir y traducir la
estructura y la información 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).
Las etiquetas del lenguaje HTML
Básicamente,
HTML utiliza los mismos elementos que SGML, esto es,
marcas o etiquetas compuestas de códigos enmarcados por los signos < >.
Cualquier documento HTML comienza con la etiqueta <html> y termina con la etiqueta </html>. Dentro existen dos zonas bien
identificadas: el encabezamiento, que se identifica con la etiqueta <HEAD> y </HEAD> y sirve para definir una serie de valores válidos en todo el documento, y
el cuerpo del documento, representado por etiqueta <BODY> y </BODY> que muestra la información del documento.
Dentro del
encabezamiento, la etiqueta principal es la del título, representado por la
etiqueta <TITLE> En el cuerpo del documento se pueden establecer
diferentes categorías utilizando diversos tamaños de fuentes y estableciendo
así la estructura básica del documento. Dentro del cuerpo se coloca el
contenido de la página web: textos, imágenes, tablas, formularios, gráficos,
mapas sensibles, etc. La información se puede estructurar en párrafos y/ o
secciones con cabeceras de distinto nivel, enlaces a otras partes del mismo documento, a documentos
distintos, o a documentos que estén en distinto servidor, etc.
También
podemos determinar el estilo y tipo de letra mediante los atributos, como son
los de final de línea <br> y final de párrafo <p>, los
de presentación de texto preformateado, es decir, manteniendo los espacios y
retornos de carro <pre> o los de negrita <b>, cursiva <i>, centrado <center>, etc. Además se pueden definir
listas numeradas y no numeradas, glosarios, trazar líneas horizontales para
separar textos, insertar comentarios, etc.
Pero, sin
duda, los elementos más característicos del lenguaje HTML y que dotan a los
documentos con él creados de la característica hipertextual, son las anclas o anclajes utilizados para establecer los enlaces, ya se trate de texto o gráficos. Para fijar
un enlace, se debe enmarcar el texto que aparecerá subrayado
para que el usuario pueda pulsarlo y le redirija a la dirección o URL marcada.
La etiqueta ancla debe incluir el parámetro href="URL" y el texto para pulsar. Si se trata de imágenes,
éstas se insertan mediante la etiqueta src="URL" y también podemos conseguir que el gráfico se
convierta en un enlace mediante la etiqueta correspondiente.
Existen una
gran cantidad de etiquetas, muchas de ellas pueden contener elementos y
atributos que realizarán una función u otra según la voluntad del autor.
La estructura de un documento HTML
Un documento
HTML comienza con la etiqueta <html>, y termina con </html>.
Dentro del
documento hay dos zonas principales: el encabezamiento, delimitado por
las marcas <HEAD> y </HEAD>, que sirve para definir algunos valores válidos para
todo el documento, y el cuerpo, delimitado por las etiquetas <BODY> y </BODY>, donde reside la información del documento.
El elemento <TITLE> contenido dentro del encabezamiento
permite especificar el título de un documento HTML. Este título no forma parte
del documento en sí pues no se ve en la pantalla principal, sino que sirve como
título de la ventana del programa que la muestra.
Existen
muchos otros elementos que se engloban dentro del encabezamiento pero para la
estructura básica del lenguaje HTML en su nivel básico no son necesarios.
El cuerpo de
un documento HTML contiene el texto, imágenes, etc. que,
con la presentación y los efectos que se decidan, se presentarán ante el usuario. Dentro del
cuerpo se pueden aplicar una serie de efectos a través de diferentes marcas o
etiquetas (también otros autores las denominan "directivas").
Así pues, la
estructura de un documento HTML es la siguiente:
<HTML>
<HEAD>
<TITLE>Título de la página</TITLE>
</HEAD>
<BODY>
[Aquí se sitúan otras etiquetas que hacen posible visualizar la página]
</BODY>
</HTML>
<HEAD>
<TITLE>Título de la página</TITLE>
</HEAD>
<BODY>
[Aquí se sitúan otras etiquetas que hacen posible visualizar la página]
</BODY>
</HTML>
El texto
puede tener unas cabeceras, comprendidas entre las etiquetas <H1> y </H1>, <H2> y </H2>, etc. (hasta el número 6), siendo
el número indicativo del tamaño. El tamaño mayor es el correspondiente al
número 1.
Hay otras
etiquetas como <P>, para separar los distintos
párrafos, la etiqueta de centrado <CENTER> y </CENTER> que sirve
para centrar todo lo que esté dentro de ella, ya sea texto, imágenes, etc. la
etiqueta <HR> para obtener una raya horizontal
tan ancha como la pantalla, y con la apariencia de estar embutida sobre el
fondo, etc.
He aquí un
ejemplo:
<HTML>
<HEAD>
<TITLE>Mi pagina Web</TITLE>
</HEAD>
<BODY>
<CENTER>
<H1>Primera pagina</H1>
</CENTER>
<HR>
Esta es mi primera pagina, aunque todavia es muy sencilla.
<P>Aqui va un segundo parrafo.
</BODY>
</HTML>
<HEAD>
<TITLE>Mi pagina Web</TITLE>
</HEAD>
<BODY>
<CENTER>
<H1>Primera pagina</H1>
</CENTER>
<HR>
Esta es mi primera pagina, aunque todavia es muy sencilla.
<P>Aqui va un segundo parrafo.
</BODY>
</HTML>
Pero existen
también una serie de Atributos:
<body background="nombre_de_archivo">
Especifica una imagen para el fondo
del documento.
<body bgcolor="#rrggbb">
Especifica un color para el fondo
del documento.
<body text="#rrggbb">
Especifica un color para el texto
normal del documento.
<body link="#rrggbb"
vlink="#rrggbb" alink="#rrggbb">
Establece el color del texto de
vínculo, del vínculo visitado y del vínculo activo.
#rrggbb representa el valor hexadecimal del color expresado
como rojo-verde-azul.
Los
componentes de HTML
<HEAD>
<TITLE>Mi pagina Web</TITLE>
</HEAD>
<TITLE>Mi pagina Web</TITLE>
</HEAD>
<BODY>
<CENTER>
<H1>Primera pagina</H1>
</CENTER>
<HR>
Esta es mi primera pagina, aunque todavia es muy sencilla.
<P>Aqui va un segundo parrafo.
</BODY>
<CENTER>
<H1>Primera pagina</H1>
</CENTER>
<HR>
Esta es mi primera pagina, aunque todavia es muy sencilla.
<P>Aqui va un segundo parrafo.
</BODY>
No hay comentarios:
Publicar un comentario