Para nadie es nuevo el hecho de que el world wide web se ha convertido en uno de los medios mas populares de comunicacion en la actualidad. Millones de paginas de informacion contenidas en sites, para todos los gustos, se consultan diariamente en el mundo entero.
Imagenes, textos, audio y animaciones entre otros elementos son parte fundamental de diseño en el web al momento de elaborar las paginas a publicar. Cada una de estas paginas es formada utilizando codigos de Hipertext Markup Language o HTML, que es el lenguaje utilizado para escribir documento para servidores World Wide Web.
Los documentos escritos en HTML son de texto, letras, numeros y otros caracteres comunes sin ningun formato en particular. Son tambien de una secuencia de instrucciones para textos y graficos, con hipertextos ligados. (Pueden ser creados usando cualquier editor de texto) como BBEdit por ejemplo, (o algun procesador de palabras, siempre y cuando se guarde la informacion como text only with line breaks. ) El documento debe nombrarse con la extension .html (ejemplo:CYBER macHome.html)
Para la publicacion de las paginas, los archivos HTML se ponen en el servidor Web. Despues para visualizar esa informacion, los codigos de texto HTML se envian a travez de internet a algun Web browser, que interpreta dichos codigos y despliega el documento en la pantalla.
COMO TRABAJA HTML?
En un documento HTML la estructura de los textos se indica por medio de elemtos, por ejemplo titulos y cuerpo de texto; dichos elementos se identifican por medio de etiquetas que consisten en un parentesis angular izquierdo(<), el nombre de la etiqueta, y un parentesis angular derecho (>).Normalmente se ponen en pares, es decir, al principio y al final de cada instruccion etiquetada.
Para diferenciar la etiqueta del comienzo de la del fin, se utiliza una diagonal o slash (/) dentro de la etiqueta final, pero procediendo al texto. No tiene importancia si las etiquetas se escriben con letras mayusculas y minusculas.
ejemplo:
<title>Bienvenido a CYBERmac</title>
Algunos elementos pueden incluir atributos para especificar ciertos formatos como alineacion, por ejemplo. Esta informacion adicional o atributo se incluye en la primera de las etiquetas; sin embargo son aceptadas por todos los browsers, cuando esto ocurre, simplemente el browser ingnora la etiqueta.
Hay elementos que son indispensables en un archivo HTML y que indican determinadas secciones del documento. Los elementos que son necesarios son las etiquetas <html>, <head>, <title> y <body>. Con sus correspondientes etiquetas de terminacion.
HEAD
Identifica la primera parte del documento, la cual contiene el titulo.
TITLE
Contiene el titulo del documento, que normalmente se despliega en la parte superior de la ventana. Este es el elemento que aparece cuando el archivo se enlista o se hace un bookmart de el. Se recomienda que los titulos tengan un maximo de 64 caracteres.
BODY
Es la segunda y mas grande parte del documento, alli se incluye el contenido. Dentro de esa parte pueden incluirse otras etiquetas.
Headings
En HTML existen seis niveles de intertitulos que se enumeran del 1 al 6, comenzando por el numero uno para designar el de mayor imprtancia <H1>. Estos intertitulos se visualizan con tamaño mas grande de y/o con estilo en negritas.
Paragraphs
Como ya se menciono si se elabora el documento HTML en procesador de textos, debe guardarse usando la opcion text only with line breaks; pero debe tomarse en cuenta que el browser al abrir el documento HTML se despliega el texto de corrido y solamente tomara como un nuevo parrafo aquel que comience con la etiqueta <P>.
En este caso la etiqueta del cierre del parrafo (</P>) puede ser omitida, ya que si el browser no detecta esta etiqueta y detecta una nueva de principio de parrafo (<P>), entendera que el parrafo anterior ha terminado y debe comenzar uno de nuevo.
Los atributos especiales, como alineacion, se incluyen, dentro de la etiqueta de entrada, por ejemplo: <CENTER>
Parrafo con formato para alinearse al centro.</P>
LISTS
En HTML se pueden crear numeradas , sin numeraciones. Para cada una de ellas las etiquetas varian.
Listas sin numeracion:
Se inicia con la etiqueta <UL> (unnumbered list) ; despues para cada uno de los topicos se coloca la etiqueta <LI> (list item), seguida por el texto correspondiente; en este caso no es necesario utilizar la etiqueta de cierre. Por ultimo, la lista termina con su etiqueta correspondiente de cierre </UL>.
Listas numeradas:
Son muy similares a las anteriores, lo unico que cambia es la etiqueta de entrada y de cierre, que son <OL> y </OL> en lugar de <UL> y </UL>.
Listas con definiciones:
En este tipo de listas intervienen otros elementos, comenzando por la etiqueta de la lista<DL> (dfinition list), seguida por la etiqueta que corresponde a los terminos a definir <DT> y por ultimo la de definicion misma <DD>. Las etiquetas <DT> y <DD> pueden contener varios parrafos si asi se requiere. La etiqueta <DL> provoca que la definicion <DD> quede un renglon abajo del termino a definir <DT>, si se requiere que ambos items esten en el mismo renglon, debe usarse el atributo COMPACT en la etiqueta de entrada de la lista: <DL COMPACT> .
Existen muchas otras etiquetas como por ejemplo, las que permiten el uso de texto preformateado <PRE>, manejo de sangria en un bloque de varios parrafos <BLOCKQUOTE>, despliegue de lineas horizontales <HR> para separar las secciones del documento.
Herramientas HTML
No solo es posible crear documentos con un editor de textos o con un procesador de palabras. Existen aplicaciones que permiten la creacion de documentos de manera mas sencilla este tipo de aplicaciones son WYSIWYG, es decir, como ve su docuemento en pantalla es como el browser lo desplegara.
Con el uso de estas herramientas no es necesario saber los codigos de HTML para crear documentos o convertirlos en este lenguaje a partir de algo ya existente; sin embargo, es bueno saber que capacidades y limitaciones tiene HTML.
CONTACTENOS A WARNERFIRST@HOTMAIL.COM