|
Para
mas información sobre este tema, visita la WebMaestro:
Esta
información fue recogida de esta Web
http://www.wmaestro.com
El principio esencial
del lenguaje HTML (Hyper Text Markup Language) es el uso de las etiquetas (tags).
Funcionan de la siguiente manera:
<XXX>
Este es el inicio de una etiqueta.
</XXX> Este es el cierre de una etiqueta.
Las letras de la
etiqueta pueden estar en mayúsculas o minúsculas, indiferentemente. Por
claridad, se usarán en este manual solamente las mayúsculas.
Lo que haya entre
ambas etiquetas estará influenciada por ellas. Por ejemplo, todo el
documento HTML debe estar entre las etiquetas <HTML> y </HTML>:
<HTML>
[Todo el documento] </HTML>
El documento en sí
está dividido en dos zonas principales:
- El encabezamiento,
comprendido entre las etiquetas
<HEAD> y </HEAD>
- El cuerpo,
comprendido entre las etiquetas <BODY> y </BODY>
Dentro
del encabezamiento hay información del documento, que no se ve en la
pantalla principal, principalmente el título del documento, comprendido
entre las etiquetas <TITLE> y </TITLE>. El título debe ser
breve y descriptivo de su contenido, pues será lo que vean los demás
cuando añadan nuestra página a su bookmark (o agenda de
direcciones).
Dentro del cuerpo está
todo lo que queremos que aparezca en la pantalla principal (texto, imágenes,
etc.)
Por tanto, la
estructura queda de esta manera:
<HTML>
<HEAD>
<TITLE> Título de la página </TITLE>
</HEAD>
<BODY>
[Aquí van las etiquetas que visualizan la página]
</BODY>
</HTML>
Antes de crear nuestra
primera página, unas consideraciones sobre el texto: Cuando escribimos en
el documento el texto que queremos que aparezca en la pantalla, veremos
que éste se acomoda a ella, sin que tengamos que pulsar el retorno del
carro. Si queremos separar el texto en distintos párrafos debemos usar la
etiqueta <P>, (que no tiene su correspondiente etiqueta de cierre
</P>)
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. Puedes experimentar en el ejemplo que sigue, cambiando el número
para comprobar el efecto que se logra.
Una etiqueta muy
interesante es la de centrado <CENTER> y </CENTER> (no la
soportan todos los navegadores, aunque sí la mayoría de ellos). Nos
centra todo lo que esté dentro de ella, ya sea texto, imágenes, etc.
También tenemos los
separadores (horizontal rules), que se consiguen con la etiqueta <HR>
(no existe la correspondiente de cierre). Con ella se obtiene una raya
horizontal tan ancha como la pantalla, y con la apariencia de estar
embutida sobre el fondo, como se puede observar a continuación:
Para
mas información sobre este tema, visita la WebMaestro:
Esta
información fue recogida de esta Web
http://www.wmaestro.com
<<<
Direcciones
con información para WebMaster >>>
|