Técnico Medio
Páginas: 20 (4842 palabras)
Publicado: 4 de febrero de 2013
CAPÍTULO 16: Construcción de una página para la Web
179
El lenguaje de la Web: HTML
Una vez definidos los contenidos, y la forma en que éstos se presentarán -tanto estética como funcionalmente- a los ocasionales visitantes de la página web, es necesario codificar esta información de modo tal que pueda ser interpretada por un visualizador Web, como el Internet Explorer 6 de Microsoft, porejemplo. Como se señaló oportunamente en el Capítulo 2, dedicado al funcionamiento de la Web, HTML (HyperText Markup Language, o Lenguaje de Marcado para Hipertexto) es el lenguaje con el cual están escritos los documentos para la Web. HTML no es más que un gran conjunto de "tags" o etiquetas, las cuales se enmarcan dentro de una signo < (menor) y un signo > (mayor), como por ejemplo: En general,salvo algunas excepciones, las etiquetas de HTML se incluyen de a pares, la primera para abrir, y la segunda para cerrar. Para diferenciar su acción, a la segunda se la antecede por una barra diagonal ( / ), como se indica a continuación: Etiqueta de apertura Etiqueta de cierre
La estructura básica de un documento HTML (que no tenga marcos o frames, como se verá más adelante), puedesintetizarse de la siguiente forma: Título de la página Textos, gráficos, enlaces, etc. Donde: y indican que el documento está escrito en HTML. y definen el encabezamiento del documento, que básicamente incluye el titulo de la página (el cual se coloca entre las etiquetas y ); y eventualmente alguna otra etiqueta, como las “meta name”, que indican una breve descripción del contenido de lapágina y/o palabras clave de la misma que ayudan a las máquinas buscadoras de información en Internet (ver aclaración al respecto en Cap. 18). y es el lugar donde se introduce el contenido propiamente dicho de la página Web. La siguiente lista, a modo de ejemplo, señala algunas de las etiquetas más comunes de HTML:
181
... ... ... ... ... ... TEXTO
Negrita BastardillaCentrado Cabeceras de títulos (con n desde 1 a 6) Lista con “bullets” Lista con números Retorno de carro Salto de párrafo Línea de separación Enlace de textos Enlace de gráficos
Asimismo, y dado que los caracteres superiores a 127 del código ASCII son específicos para cada lenguaje, se debe utilizar una secuencia de símbolos para definir los caracteres acentuados propios de nuestro idioma y la letrañ, como así también para caracteres especiales como los de apertura de exclamación e interrogación. A continuación se indican estas secuencias para cada uno de los caracteres: á é í ó ú ñ ¿ ¡ á é í ó ú ñ ¿ ¡
De modo tal que, para escribir la frase: Para más información dirigirse a ... deberíamos colocar la siguiente secuencia: Para másinformación dirigirse a ... Ahora bien, ¿cómo y dónde se adosan estas etiquetas al contenido específico de una página web? En su versión más "rudimentaria", se puede trabajar con un editor de textos cualquiera, por ejemplo el Bloc de Notas de Windows, donde se irá incorporando el contenido del documento acompañado de las etiquetas correspondientes, para luego observar los resultados desdeel visualizador. La metodología sería la siguiente: 1) Abrir el Bloc de Notas de Windows. 2) Escribir los pares de etiquetas de la estructura básica (html, head, title, body). 3) Escribir el título de la página dentro del par . 4) Escribir el contenido propiamente dicho dentro del par . 5) Adosarle las etiquetas de formateo al contenido. 6) Grabarlo con extensión .htm.
182
De esta forma,una muy elemental página web (de apenas dos líneas de contenido) de un hipotético colegio, tendría el siguiente aspecto desde el Bloc de Notas:
Fig. 16.1: Conformación de una página web desde el Bloc de Notas de Windows 98.
Para visualizar el aspecto final de esta página desde el Internet Explorer 6, se debe abrir el documento recientemente grabado mediante la opción Archivo/Abrir, e ir...
179
El lenguaje de la Web: HTML
Una vez definidos los contenidos, y la forma en que éstos se presentarán -tanto estética como funcionalmente- a los ocasionales visitantes de la página web, es necesario codificar esta información de modo tal que pueda ser interpretada por un visualizador Web, como el Internet Explorer 6 de Microsoft, porejemplo. Como se señaló oportunamente en el Capítulo 2, dedicado al funcionamiento de la Web, HTML (HyperText Markup Language, o Lenguaje de Marcado para Hipertexto) es el lenguaje con el cual están escritos los documentos para la Web. HTML no es más que un gran conjunto de "tags" o etiquetas, las cuales se enmarcan dentro de una signo < (menor) y un signo > (mayor), como por ejemplo: En general,salvo algunas excepciones, las etiquetas de HTML se incluyen de a pares, la primera para abrir, y la segunda para cerrar. Para diferenciar su acción, a la segunda se la antecede por una barra diagonal ( / ), como se indica a continuación: Etiqueta de apertura Etiqueta de cierre
La estructura básica de un documento HTML (que no tenga marcos o frames, como se verá más adelante), puedesintetizarse de la siguiente forma: Título de la página Textos, gráficos, enlaces, etc. Donde: y indican que el documento está escrito en HTML. y definen el encabezamiento del documento, que básicamente incluye el titulo de la página (el cual se coloca entre las etiquetas y ); y eventualmente alguna otra etiqueta, como las “meta name”, que indican una breve descripción del contenido de lapágina y/o palabras clave de la misma que ayudan a las máquinas buscadoras de información en Internet (ver aclaración al respecto en Cap. 18). y es el lugar donde se introduce el contenido propiamente dicho de la página Web. La siguiente lista, a modo de ejemplo, señala algunas de las etiquetas más comunes de HTML:
181
... ... ... ... ... ... TEXTO
Negrita BastardillaCentrado Cabeceras de títulos (con n desde 1 a 6) Lista con “bullets” Lista con números Retorno de carro Salto de párrafo Línea de separación Enlace de textos Enlace de gráficos
Asimismo, y dado que los caracteres superiores a 127 del código ASCII son específicos para cada lenguaje, se debe utilizar una secuencia de símbolos para definir los caracteres acentuados propios de nuestro idioma y la letrañ, como así también para caracteres especiales como los de apertura de exclamación e interrogación. A continuación se indican estas secuencias para cada uno de los caracteres: á é í ó ú ñ ¿ ¡ á é í ó ú ñ ¿ ¡
De modo tal que, para escribir la frase: Para más información dirigirse a ... deberíamos colocar la siguiente secuencia: Para másinformación dirigirse a ... Ahora bien, ¿cómo y dónde se adosan estas etiquetas al contenido específico de una página web? En su versión más "rudimentaria", se puede trabajar con un editor de textos cualquiera, por ejemplo el Bloc de Notas de Windows, donde se irá incorporando el contenido del documento acompañado de las etiquetas correspondientes, para luego observar los resultados desdeel visualizador. La metodología sería la siguiente: 1) Abrir el Bloc de Notas de Windows. 2) Escribir los pares de etiquetas de la estructura básica (html, head, title, body). 3) Escribir el título de la página dentro del par . 4) Escribir el contenido propiamente dicho dentro del par . 5) Adosarle las etiquetas de formateo al contenido. 6) Grabarlo con extensión .htm.
182
De esta forma,una muy elemental página web (de apenas dos líneas de contenido) de un hipotético colegio, tendría el siguiente aspecto desde el Bloc de Notas:
Fig. 16.1: Conformación de una página web desde el Bloc de Notas de Windows 98.
Para visualizar el aspecto final de esta página desde el Internet Explorer 6, se debe abrir el documento recientemente grabado mediante la opción Archivo/Abrir, e ir...
Leer documento completo
Regístrate para leer el documento completo.