(Pregunta r·pida - øQuÈ significan esas iniciales? °Si lee la lecciÛn anterior lo sabr·!).
<nombre_etiqueta>cadena de texto</nombre_etiqueta>Como ejemplo, el tÌtulo de esta secciÛn usa una etiqueta de encabezado del tipo:
<h3>øQuÈ son las etiquetas HTML?</h3>Esta etiqueta le dice a su Web Browser que muestre en pantalla el texto "øQuÈ son las etiquetas HTML?" en un estilo de encabezado de nivel 3 (ya aprenderemos m·s acerca de estas etiquetas m·s adelante).
Las etiquetas HTML pueden decirle al Web Browser que ponga un texto en negrita, en cursiva, incluirlo en un encabezado, o convertirlo en un hiperenlace a otra p·gina Web. Es importante hacer hincapiÈ en que la "etiqueta de finalizaciÛn",
</nombre_etiqueta>contiene el caracter "/", barra inclinada o "slash". Esta barra inclinada, "/", le dice al Web Browser que termine de dar ese tipo de formato al texto.
Muchas etiquetas HTML est·n pensadas para funcionar por pares, "inicio" y "final". Si olvida colocar la barra inclinada, el Web Browser continuar· con dicha etiqueta con el restante texto del documento, produciendo resultados desagradables (como experimento, puede intentar esto m·s adelante).
NOTA: Los Web Browsers no distinguen si las etiquetas van escritas en may™sculas o min™sculas. Por ejemplo, <h3>...</h3> no es diferente de <H3>...</H3>
°Su Web Browser posee un limitado pero potente vocabulario!
Un aspecto interesante del HTML es que si el Browser no sabe quÈ hacer con una etiqueta dada, simplemente la ignorar·. Por ejemplo, en este documento que esta viendo, la etiqueta del encabezado de esta secciÛn es realmente asÌ:
<wiggle><h3>øQuÈ son las etiquetas HTML?</h3></wiggle>pero, ya que su Web Browser probablemente no soporte la etiqueta <wiggle> (Yo aÒadÌ esta etiqueta; quiz·s en el futuro cause que el texto se mueva en la pantalla), har· lo que sabe hacer e ignorar· dicha etiqueta. Si yo fuera el programador de un Web Browser podrÌa decidir aÒadir funcionalidad a la etiqueta <wiggle> en el software.
NOTA: Este es un buen momento para recordarle que aÒadiremos direcciones que son comunes en cierto modo , tales como nombres de men™ y nombres de archivo, pero que pueden diferir dependiendo del Web Browser que utilice.
Creemos que asÌ estar· m·s a gusto para poder trabajar, saltando entre dos diferentes
aplicaciones y ventanas en su ordenador.
Otra opciÛn serÌa imprimir las instrucciones de la lecciÛn ( °aunque realmente no queremos
promover un desastre ecolÛgico destrozando ·rboles! ).
AquÌ tiene los pasos para preparar su espacio de trabajo:
NOTA: La ™nica razÛn para tener dos ventanas es que necesitar· leer las instrucciones de las lecciones y tambiÈn comprobar el resultado de sus documentos de pr·cticas. Puede incluso aÒadir esta p·gina Web a sus bookmarks (Favoritos) y volver a ella usando su men™ de Ir a (Go), o su botÛn de Atr·s (Back).
NOTA: Tenga presente que necesitar· alternar entre las diferentes ventanas para completar las lecciones. Esto puede depender del tamaÒo y apariencia de su monitor. Puede elegir entre redimensionar las tres ventanas de modo que quepan totalmente en la pantalla, o superponerlas y que, haciendo click sobre ellas, traer la que necesite al frente.Si utiliza un procesador de textos para crear sus archivos HTML, aseg™rese de salvar sus documentos en formato ASCII o texto puro y duro.
TambiÈn puede servirle crear un directorio en su ordenador para guardar sus documentos. Puede llamarlo ¡rea de Trabajo o Mi Escritorio o cualquier cosa que se le ocurra; lo ™nico que le recomendamos es que cree un directorio para estar seguro de que sus documentos estar·n ahÌ. Puede hacer su vida m·s simple... bueno, °al menos mientras trabaje con este tutorial!
La estructura b·sica de cualquier p·gina HTML es como sigue:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">
<html>
<head>
<!-- informaciÛn de cabecera utilizada para contener informaciÛn adicional acerca de
este documento, y que no se muestra en pantalla -->
</head>
<body>
<!-- todo el HTML a visualizar -->
: :
: :
: :
</body>
</html>
La primera lÌnea de todas:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">tÈcnicamente, no se requiere, pero es cÛdigo que le dice al browser con quÈ versiÛn de HTML se ha escrito dicha p·gina. Para m·s informaciÛn vea las Especificaciones de referencia de W3C.
Todo su cÛdigo HTML deber· ir entre dos etiquetas: <html>...</html>. Y dentro de ellas, primero, <head>...</head> y luego <body>...</body>. Sus p·ginas Web podrÌan ser correctamente visibles en la mayorÌa de los ordenadores sin estas etiquetas. Sin embargo, us·ndolas, sus p·ginas ser·n totalmente compatibles con los est·ndares HTML y con los browsers actuales y futuros.
Es un buen h·bito, como limpiarse los dientes.
Note tambiÈn la existencia de las etiquetas comentario, denotadas por
<!-- blah blah blah -->.
El texto entre estas etiquetas NO ser· mostrado en la p·gina Web, pero se usan para incluir
informaciÛn que pueda ser de utilidad para usted o cualquier otro que mire el cÛdigo HTML de
su p·gina.
Cuando sus p·ginas Web se compliquen poco a poco (como ver· cuando demos las tablas, frames y
otro material diverso en las prÛximas 20 lecciones), los comentarios ser·n ™tiles si necesita
actualizar una p·gina que puede que haya creado tiempo atr·s.
AquÌ tiene los pasos para crear su primer archivo HTML... øListo?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">
<html>
<head>
<title>Web de Volcanes</title>
<!-- escrito para el Tutorial de HTML por Alberto Estrada, 31 Diciembre, 1999 -->
</head>
<body>
En esta lecciÛn usar· la Internet para buscar
informaciÛn sobre volcanes y luego escribir un informe
sobre los resultados.
</body>
</html>
NOTA: Mire dÛnde est· la etiqueta de <title>...</title>.
Est· en la secciÛn de <head>...</head> y por lo tanto no ser· visible en pantalla.
øEntonces para quÈ sirve? La etiqueta <title> se usa para identificar ™nicamente a cada documento y se muestra en la barra de tÌtulos de la ventana del Browser.En la lecciÛn 3 aprender· cÛmo aÒadir un tÌtulo que aparezca directamente en su p·gina Web.
Note tambiÈn que hemos insertado un comentario que contiene el nombre del autor y la fecha de creaciÛn del documento. PodrÌa escribir cualquier cosa entre las etiquetas del comentario pero sÛlo ser· visible si mira directamente el cÛdigo HTML de la p·gina Web.
NOTA: Para usuarios de Windows, recuerde tambiÈn que DEBE salvar sus documentos HTML con un nombre y una extensiÛn que tiene que ser .HTM, asÌ, en este caso de ejemplo su archivo deberÌa denominarse VOLC.HTM.Usando esta extensiÛn de nombre de archivo, el Web Browser reconocer· estos ficheros de texto como HTML y los mostrar· correctamente en pantalla.
°No se preocupe! Su Web Browser es lo suficientemente listo como para saber que si el nombre de un archivo termina en .HTM es que es un archivo HTML.
Si su documento es diferente del de el ejemplo, revise el texto que introdujo en el editor de textos.
La equivocaciÛn m·s com™n es: "°No puedo ver el tÌtulo!". °No debiera! El texto entre las etiquetas <title>...</title> NO se muestra en la p·gina Web. DeberÌa verlo en la barra de tÌtulos de la ventana del Web Browser.
Tenga este fichero a mano ya que ir· aÒadiendo cosas en prÛximas lecciones.
Pero, para ser sinceros, es m·s bien pequeÒa y no muy excitante...
En la siguiente lecciÛn modificar· y actualizar· su documento HTML.
El enlace con el MCLI es Alan Levine --}
Comentarios a levine@maricopa.edu
Traducido al espaÒol por agma@usa.net, y corregido por
AndrÈs Valencia
URL: