Otro título, esta vez más largo.
Hoola.
Esto es un párrafo con información
Súper importante. Nótese que las líneas salen pegadas aun dejando
Espacios, saltos de línea, etc.
¡ Si pongo esto
si cambia de línea!
Otro párrafo, esto ya es un poco rollo.
Pongamos un subtítulo
Por cierto, ¿ que paso con las anclas?
- Esto es una lista no ordenada.
- Las listas quedan mejor si tienen varios elementos.
Me voy al IAC.
Vamos a crear un ancla , o lo que es lo mismo, un anchor.
Esto es un párrafo con información
Otro párrafo, esto ya es un poco rollo.
Por cierto, ¿ que paso con las anclas?
Vamos a crear un ancla , o lo que es lo mismo, un anchor.
Esto es un párrafo con información
Otro párrafo, esto ya es un poco rollo.
Por cierto, ¿ que paso con las anclas?
Vamos a crear un ancla , o lo que es lo mismo, un anchor.
Esto es un párrafo con información
Otro párrafo, esto ya es un poco rollo.
Por cierto, ¿ que paso con las anclas?
Vamos a crear un ancla , o lo que es lo mismo, un anchor.
.....................................................
.....................................................
Tu visualizador lo vería así.
El HTML se basa en una serie de etiquetas (``tags''), que casi siempre hay una al principio y otra al final. Lo que si es común a todas es que están englobadas en los símbolos en mayor que y menor que, de forma:
Principales:
•
Son la mas importantes ya que engloban todo el documento y lo declaran como HTML.
• y Las primeras engloban al título y otras cosas que usaremos cuando sepamos más de HTML.
Las segundas engloban el resto del documento y entre ellas se desarrollará toda ``manipulación de texto'', que vemos a continuación.
De manipulación de texto:
Hay una gran cantidad, y son los que confieren al texto un aspecto determinado. Veamos las más importantes.
•
Divide el texto en párrafos. No basta con dejar líneas en blanco como en LaTeX: HTML ignora los espacios en blanco fuera de los tags.
No es necesario usar
En muchos sitios dicen de ponerlo al final. No es recomendable ya que no sirve para meter líneas en blanco, y si lo usamos así se nos puede olvidar alguno.
Para pasar a la siguiente línea sin empezar un nuevo párrafo, usamos
(sin ).
Para crear una línea horizontal, tenemos
(sin ).
• ,,...
Crea títulos (``headers'') de diferentes tamaños (1 es el mayor).
•
El texto que no queremos que la gente vea.
•
Para trozos de textos que son citados y deben aparecer aparte.
• Listas
o No numeradas: y cada elemento:
No es necesario usar
Cada elemento lo precede de un símbolo (``bullet'').
Pueden ser anidadas, para ello se empieza (y se termina) una lista detro de otra.
o Numeradas u ordenadas: y cada elemento:
o Descripciones: un argumento:
No es necesario usar
• De énfasis.
No se deben usar , etc. para enfatizar, si no los que vemos a continuación. Hay que tener en cuenta que el efecto final depende del visualizador, así que no debemos preocuparnos mas que del efecto que queramos conseguir.
Hay dos tipos. Por un lado están las ``lógicas'', que son las correctas ya que no especifican qué tipo de efecto van a usar, lo cual está completamente dentro de la filosofía del HTML ya que dos visualizadores no tienen porqué representar de idéntica forma un mismo efecto. Por otro están las ``forzadas'', que en teoría no se deben usar porque imponen un formato definido, contrario a la filosofía HTML, pero que al final son las más populares. Está discusión va más allá de lo que pretendemos para un nivel básico, así que incluimos las dos.
Lógicas:
o Para enfatizar. Normalmente el texto sale en itálica.
o Para resaltar. El texto suele aparecer en negrita.
o Pone el texto de forma ``literal'' (un tipo de letra diferente a la normal).
Forzadas:
o Texto en negrita.
o Texto en itálica.
o Texto de de forma ``literal''.
Anclas o hiperconexiones (``hyperlinks'')
Son los elementos que asignan a un trozo de texto la facultad de que nos conecte o otro objeto (texto, imagen, etc). Al pinchar con el ratón en ese texto nuestro visualizador efectuar la conexión.
• Hay que poner algo más ya que en sí mismo no hace nada.
o HREF
El ancla adopta la forma
texto.
Donde "protocolo://sitio/fichero " (URL) es donde conectamos y ``texto'' es el texto que aparecerá resaltado. El URL a donde conectamos se puede descomponer en:
protocolo - hay siete tipos de servicios:
http
gopher
wais
ftp
telnet
netnews
mailto
sitio - es la dirección de Internet
fichero - es el path + fichero
No hay que olvidarse de las comillas ya que de lo contrario el resultado puede ser impredecible.
o NAME
Sirve para ir a puntos concretos de un documento. Suele usarse para ir a sitios específicos dentro del propio documento.
El sitio en cuestión se marca con:
texto opcional
La conexión se hace con
texto para pinchar si es el mismo documento y
texto para pinchar si el documento no lo es.
• Imágenes.
Son muy importantes para la Web, ya que sin ellas, sería simplemente una manera muy sofisticada de ver mails. Se incluyen de la siguiente forma:
El atributo SRC es como el HREF para una conexión: es el URL de la imagen.
Se pueden añadir otros atributos, para alinear el texto al pie de la imagen, a la mitad, o a la parte superior.
Un atributo interesante es el ALT, o ``texto alternativo'', que es el texto que nos mostrará el visualizador que no pueda ver imágenes (Lynx, Emacs-w3, etc.)
Una característica útil es que se pueden incluir como texto en una conexión (``link''), de forma:
Formato de las imágenes
Una nota sobre el formato de las imágenes: el formato considerado estándar (al menos por ahora y para el futuro cercano) es el GIF. Hay un gran debate con respecto a si imponer otro formato que consiga una mejor compresión de los datos (e.g. JPG), pero por ahora es mejor usar GIFs para asegurarse una total compatibilidad entre visualizadores.
Conversores a HTML
Por si no fuese lo suficientemente sencillo el HTML, existen unos programas o ``converso res'' que pasan textos escritos en otros formatos a HTML.
Para nosotros, familiarizados con el LaTeX, encontramos de gran utilidad el ``latex2html''. Esto hace que la tarea de escribir en HTML sea muy sencilla: se escribe en latex y se convierte directamente a HTML. El programa se ocupa de todo, incluso divide el documento en varios, más fáciles de manejar, y crea un índice con las su secciones como hipertexto: con conexiones entre si, de forma que se hacemos click con el ratón sobre el título de una, el visualizador nos llevará a esa parte automáticamente. Las ecuaciones las pasa a imágenes y las incluye como tal. Las referencias a figuras y tablas también las convierte en hipertexto.
El problema es que un artículo largo, con muchas ecuaciones, puede llegar a ocupar mucho espacio en disco. Por esto, el incluir los artículos científicos de esta manera quizá sea un salto demasiado grande para empezar. Podemos comenzar incluyendo los artículos y pre-prints en formato postcript (posiblemente comprimidos), para que el interesado los pueda sacar por impresora en su centro de investigación.
En el futuro, cuando todo el mundo está publicando en HTML, ya nos preocuparemos de que nuestros artículos sean hipertexto, de forma que se conecten con los demás artículos, y la lectura de los mismos sea totalmente libre, como la filosofía de la Web implica. Esto quiere decir que alguien que lea un artículo, si de repente ve una referencia a otro, pinche con el ratón y vaya a ese otro artículo, y luego vuelva o no, según su criterio. De esta forma todos los artículos serán como uno sólo, y se podrá ``surfear'' libremente de uno a otro, siguiendo el camino de la información.
Elementos básicos de HTML
Ejemplo de código HTML
Otro título, esta vez más largo.
Hoola.
Súper importante. Nótese que las líneas salen pegadas aun dejando
Espacios, saltos de línea, etc.
¡ Si pongo esto
si cambia de línea!
Pongamos un subtítulo
Me voy al IAC.
.....................................................
.....................................................
Tu visualizador lo vería así.
El HTML se basa en una serie de etiquetas (``tags''), que casi siempre hay una al principio y otra al final. Lo que si es común a todas es que están englobadas en los símbolos en mayor que y menor que, de forma:
Principales:
•
Son la mas importantes ya que engloban todo el documento y lo declaran como HTML.
• y Las primeras engloban al título y otras cosas que usaremos cuando sepamos más de HTML.
Las segundas engloban el resto del documento y entre ellas se desarrollará toda ``manipulación de texto'', que vemos a continuación.
De manipulación de texto:
Hay una gran cantidad, y son los que confieren al texto un aspecto determinado. Veamos las más importantes.
•
Divide el texto en párrafos. No basta con dejar líneas en blanco como en LaTeX: HTML ignora los espacios en blanco fuera de los tags.
No es necesario usar
En muchos sitios dicen de ponerlo al final. No es recomendable ya que no sirve para meter líneas en blanco, y si lo usamos así se nos puede olvidar alguno.
Para pasar a la siguiente línea sin empezar un nuevo párrafo, usamos
(sin ).
Para crear una línea horizontal, tenemos
(sin ).
• ,,...
Crea títulos (``headers'') de diferentes tamaños (1 es el mayor).
•
El texto que no queremos que la gente vea.
•
Para trozos de textos que son citados y deben aparecer aparte.
• Listas
o No numeradas: y cada elemento:
No es necesario usar
Cada elemento lo precede de un símbolo (``bullet'').
Pueden ser anidadas, para ello se empieza (y se termina) una lista detro de otra.
o Numeradas u ordenadas: y cada elemento:
o Descripciones: un argumento:
No es necesario usar
• De énfasis.
No se deben usar , etc. para enfatizar, si no los que vemos a continuación. Hay que tener en cuenta que el efecto final depende del visualizador, así que no debemos preocuparnos mas que del efecto que queramos conseguir.
Hay dos tipos. Por un lado están las ``lógicas'', que son las correctas ya que no especifican qué tipo de efecto van a usar, lo cual está completamente dentro de la filosofía del HTML ya que dos visualizadores no tienen porqué representar de idéntica forma un mismo efecto. Por otro están las ``forzadas'', que en teoría no se deben usar porque imponen un formato definido, contrario a la filosofía HTML, pero que al final son las más populares. Está discusión va más allá de lo que pretendemos para un nivel básico, así que incluimos las dos.
Lógicas:
o Para enfatizar. Normalmente el texto sale en itálica.
o Para resaltar. El texto suele aparecer en negrita.
o Pone el texto de forma ``literal'' (un tipo de letra diferente a la normal).
Forzadas:
o Texto en negrita.
o Texto en itálica.
o Texto de de forma ``literal''.
Anclas o hiperconexiones (``hyperlinks'')
Son los elementos que asignan a un trozo de texto la facultad de que nos conecte o otro objeto (texto, imagen, etc). Al pinchar con el ratón en ese texto nuestro visualizador efectuar la conexión.
• Hay que poner algo más ya que en sí mismo no hace nada.
o HREF
El ancla adopta la forma
texto.
Donde "protocolo://sitio/fichero " (URL) es donde conectamos y ``texto'' es el texto que aparecerá resaltado. El URL a donde conectamos se puede descomponer en:
protocolo - hay siete tipos de servicios:
http
gopher
wais
ftp
telnet
netnews
mailto
sitio - es la dirección de Internet
fichero - es el path + fichero
No hay que olvidarse de las comillas ya que de lo contrario el resultado puede ser impredecible.
o NAME
Sirve para ir a puntos concretos de un documento. Suele usarse para ir a sitios específicos dentro del propio documento.
El sitio en cuestión se marca con:
texto opcional
La conexión se hace con
texto para pinchar si es el mismo documento y
texto para pinchar si el documento no lo es.
• Imágenes.
Son muy importantes para la Web, ya que sin ellas, sería simplemente una manera muy sofisticada de ver mails. Se incluyen de la siguiente forma:
El atributo SRC es como el HREF para una conexión: es el URL de la imagen.
Se pueden añadir otros atributos, para alinear el texto al pie de la imagen, a la mitad, o a la parte superior.
Un atributo interesante es el ALT, o ``texto alternativo'', que es el texto que nos mostrará el visualizador que no pueda ver imágenes (Lynx, Emacs-w3, etc.)
Una característica útil es que se pueden incluir como texto en una conexión (``link''), de forma:
Formato de las imágenes
Una nota sobre el formato de las imágenes: el formato considerado estándar (al menos por ahora y para el futuro cercano) es el GIF. Hay un gran debate con respecto a si imponer otro formato que consiga una mejor compresión de los datos (e.g. JPG), pero por ahora es mejor usar GIFs para asegurarse una total compatibilidad entre visualizadores.
Conversores a HTML
Por si no fuese lo suficientemente sencillo el HTML, existen unos programas o ``converso res'' que pasan textos escritos en otros formatos a HTML.
Para nosotros, familiarizados con el LaTeX, encontramos de gran utilidad el ``latex2html''. Esto hace que la tarea de escribir en HTML sea muy sencilla: se escribe en latex y se convierte directamente a HTML. El programa se ocupa de todo, incluso divide el documento en varios, más fáciles de manejar, y crea un índice con las su secciones como hipertexto: con conexiones entre si, de forma que se hacemos click con el ratón sobre el título de una, el visualizador nos llevará a esa parte automáticamente. Las ecuaciones las pasa a imágenes y las incluye como tal. Las referencias a figuras y tablas también las convierte en hipertexto.
El problema es que un artículo largo, con muchas ecuaciones, puede llegar a ocupar mucho espacio en disco. Por esto, el incluir los artículos científicos de esta manera quizá sea un salto demasiado grande para empezar. Podemos comenzar incluyendo los artículos y pre-prints en formato postcript (posiblemente comprimidos), para que el interesado los pueda sacar por impresora en su centro de investigación.
En el futuro, cuando todo el mundo está publicando en HTML, ya nos preocuparemos de que nuestros artículos sean hipertexto, de forma que se conecten con los demás artículos, y la lectura de los mismos sea totalmente libre, como la filosofía de la Web implica. Esto quiere decir que alguien que lea un artículo, si de repente ve una referencia a otro, pinche con el ratón y vaya a ese otro artículo, y luego vuelva o no, según su criterio. De esta forma todos los artículos serán como uno sólo, y se podrá ``surfear'' libremente de uno a otro, siguiendo el camino de la información.
Elementos básicos de HTML
Ejemplo de código HTML
Otro título, esta vez más largo.
Hoola.
Súper importante. Nótese que las líneas salen pegadas aun dejando
Espacios, saltos de línea, etc.
¡ Si pongo esto
si cambia de línea!
Pongamos un subtítulo
Me voy al IAC.
.....................................................
.....................................................
Tu visualizador lo vería así.
El HTML se basa en una serie de etiquetas (``tags''), que casi siempre hay una al principio y otra al final. Lo que si es común a todas es que están englobadas en los símbolos en mayor que y menor que, de forma:
Principales:
•
Son la mas importantes ya que engloban todo el documento y lo declaran como HTML.
• y Las primeras engloban al título y otras cosas que usaremos cuando sepamos más de HTML.
Las segundas engloban el resto del documento y entre ellas se desarrollará toda ``manipulación de texto'', que vemos a continuación.
De manipulación de texto:
Hay una gran cantidad, y son los que confieren al texto un aspecto determinado. Veamos las más importantes.
•
Divide el texto en párrafos. No basta con dejar líneas en blanco como en LaTeX: HTML ignora los espacios en blanco fuera de los tags.
No es necesario usar
En muchos sitios dicen de ponerlo al final. No es recomendable ya que no sirve para meter líneas en blanco, y si lo usamos así se nos puede olvidar alguno.
Para pasar a la siguiente línea sin empezar un nuevo párrafo, usamos
(sin ).
Para crear una línea horizontal, tenemos
(sin ).
• ,,...
Crea títulos (``headers'') de diferentes tamaños (1 es el mayor).
•
El texto que no queremos que la gente vea.
•
Para trozos de textos que son citados y deben aparecer aparte.
• Listas
o No numeradas: y cada elemento:
No es necesario usar
Cada elemento lo precede de un símbolo (``bullet'').
Pueden ser anidadas, para ello se empieza (y se termina) una lista detro de otra.
o Numeradas u ordenadas: y cada elemento:
o Descripciones: un argumento:
No es necesario usar
• De énfasis.
No se deben usar , etc. para enfatizar, si no los que vemos a continuación. Hay que tener en cuenta que el efecto final depende del visualizador, así que no debemos preocuparnos mas que del efecto que queramos conseguir.
Hay dos tipos. Por un lado están las ``lógicas'', que son las correctas ya que no especifican qué tipo de efecto van a usar, lo cual está completamente dentro de la filosofía del HTML ya que dos visualizadores no tienen porqué representar de idéntica forma un mismo efecto. Por otro están las ``forzadas'', que en teoría no se deben usar porque imponen un formato definido, contrario a la filosofía HTML, pero que al final son las más populares. Está discusión va más allá de lo que pretendemos para un nivel básico, así que incluimos las dos.
Lógicas:
o Para enfatizar. Normalmente el texto sale en itálica.
o Para resaltar. El texto suele aparecer en negrita.
o Pone el texto de forma ``literal'' (un tipo de letra diferente a la normal).
Forzadas:
o Texto en negrita.
o Texto en itálica.
o Texto de de forma ``literal''.
Anclas o hiperconexiones (``hyperlinks'')
Son los elementos que asignan a un trozo de texto la facultad de que nos conecte o otro objeto (texto, imagen, etc). Al pinchar con el ratón en ese texto nuestro visualizador efectuar la conexión.
• Hay que poner algo más ya que en sí mismo no hace nada.
o HREF
El ancla adopta la forma
texto.
Donde "protocolo://sitio/fichero " (URL) es donde conectamos y ``texto'' es el texto que aparecerá resaltado. El URL a donde conectamos se puede descomponer en:
protocolo - hay siete tipos de servicios:
http
gopher
wais
ftp
telnet
netnews
mailto
sitio - es la dirección de Internet
fichero - es el path + fichero
No hay que olvidarse de las comillas ya que de lo contrario el resultado puede ser impredecible.
o NAME
Sirve para ir a puntos concretos de un documento. Suele usarse para ir a sitios específicos dentro del propio documento.
El sitio en cuestión se marca con:
texto opcional
La conexión se hace con
texto para pinchar si es el mismo documento y
texto para pinchar si el documento no lo es.
• Imágenes.
Son muy importantes para la Web, ya que sin ellas, sería simplemente una manera muy sofisticada de ver mails. Se incluyen de la siguiente forma:
El atributo SRC es como el HREF para una conexión: es el URL de la imagen.
Se pueden añadir otros atributos, para alinear el texto al pie de la imagen, a la mitad, o a la parte superior.
Un atributo interesante es el ALT, o ``texto alternativo'', que es el texto que nos mostrará el visualizador que no pueda ver imágenes (Lynx, Emacs-w3, etc.)
Una característica útil es que se pueden incluir como texto en una conexión (``link''), de forma:
Formato de las imágenes
Una nota sobre el formato de las imágenes: el formato considerado estándar (al menos por ahora y para el futuro cercano) es el GIF. Hay un gran debate con respecto a si imponer otro formato que consiga una mejor compresión de los datos (e.g. JPG), pero por ahora es mejor usar GIFs para asegurarse una total compatibilidad entre visualizadores.
Conversores a HTML
Por si no fuese lo suficientemente sencillo el HTML, existen unos programas o ``converso res'' que pasan textos escritos en otros formatos a HTML.
Para nosotros, familiarizados con el LaTeX, encontramos de gran utilidad el ``latex2html''. Esto hace que la tarea de escribir en HTML sea muy sencilla: se escribe en latex y se convierte directamente a HTML. El programa se ocupa de todo, incluso divide el documento en varios, más fáciles de manejar, y crea un índice con las su secciones como hipertexto: con conexiones entre si, de forma que se hacemos click con el ratón sobre el título de una, el visualizador nos llevará a esa parte automáticamente. Las ecuaciones las pasa a imágenes y las incluye como tal. Las referencias a figuras y tablas también las convierte en hipertexto.
El problema es que un artículo largo, con muchas ecuaciones, puede llegar a ocupar mucho espacio en disco. Por esto, el incluir los artículos científicos de esta manera quizá sea un salto demasiado grande para empezar. Podemos comenzar incluyendo los artículos y pre-prints en formato postcript (posiblemente comprimidos), para que el interesado los pueda sacar por impresora en su centro de investigación.
En el futuro, cuando todo el mundo está publicando en HTML, ya nos preocuparemos de que nuestros artículos sean hipertexto, de forma que se conecten con los demás artículos, y la lectura de los mismos sea totalmente libre, como la filosofía de la Web implica. Esto quiere decir que alguien que lea un artículo, si de repente ve una referencia a otro, pinche con el ratón y vaya a ese otro artículo, y luego vuelva o no, según su criterio. De esta forma todos los artículos serán como uno sólo, y se podrá ``surfear'' libremente de uno a otro, siguiendo el camino de la información.
Elementos básicos de HTML
Ejemplo de código HTML
Otro título, esta vez más largo.
Hoola.
Súper importante. Nótese que las líneas salen pegadas aun dejando
Espacios, saltos de línea, etc.
¡ Si pongo esto
si cambia de línea!
Pongamos un subtítulo
Me voy al IAC.
.....................................................
.....................................................
Tu visualizador lo vería así.
El HTML se basa en una serie de etiquetas (``tags''), que casi siempre hay una al principio y otra al final. Lo que si es común a todas es que están englobadas en los símbolos en mayor que y menor que, de forma:
Principales:
•
Son la mas importantes ya que engloban todo el documento y lo declaran como HTML.
• y Las primeras engloban al título y otras cosas que usaremos cuando sepamos más de HTML.
Las segundas engloban el resto del documento y entre ellas se desarrollará toda ``manipulación de texto'', que vemos a continuación.
De manipulación de texto:
Hay una gran cantidad, y son los que confieren al texto un aspecto determinado. Veamos las más importantes.
•
Divide el texto en párrafos. No basta con dejar líneas en blanco como en LaTeX: HTML ignora los espacios en blanco fuera de los tags.
No es necesario usar
En muchos sitios dicen de ponerlo al final. No es recomendable ya que no sirve para meter líneas en blanco, y si lo usamos así se nos puede olvidar alguno.
Para pasar a la siguiente línea sin empezar un nuevo párrafo, usamos
(sin ).
Para crear una línea horizontal, tenemos
(sin ).
• ,,...
Crea títulos (``headers'') de diferentes tamaños (1 es el mayor).
•
El texto que no queremos que la gente vea.
•
Para trozos de textos que son citados y deben aparecer aparte.
• Listas
o No numeradas: y cada elemento:
No es necesario usar
Cada elemento lo precede de un símbolo (``bullet'').
Pueden ser anidadas, para ello se empieza (y se termina) una lista detro de otra.
o Numeradas u ordenadas: y cada elemento:
o Descripciones: un argumento:
No es necesario usar
• De énfasis.
No se deben usar , etc. para enfatizar, si no los que vemos a continuación. Hay que tener en cuenta que el efecto final depende del visualizador, así que no debemos preocuparnos mas que del efecto que queramos conseguir.
Hay dos tipos. Por un lado están las ``lógicas'', que son las correctas ya que no especifican qué tipo de efecto van a usar, lo cual está completamente dentro de la filosofía del HTML ya que dos visualizadores no tienen porqué representar de idéntica forma un mismo efecto. Por otro están las ``forzadas'', que en teoría no se deben usar porque imponen un formato definido, contrario a la filosofía HTML, pero que al final son las más populares. Está discusión va más allá de lo que pretendemos para un nivel básico, así que incluimos las dos.
Lógicas:
o Para enfatizar. Normalmente el texto sale en itálica.
o Para resaltar. El texto suele aparecer en negrita.
o Pone el texto de forma ``literal'' (un tipo de letra diferente a la normal).
Forzadas:
o Texto en negrita.
o Texto en itálica.
o Texto de de forma ``literal''.
Anclas o hiperconexiones (``hyperlinks'')
Son los elementos que asignan a un trozo de texto la facultad de que nos conecte o otro objeto (texto, imagen, etc). Al pinchar con el ratón en ese texto nuestro visualizador efectuar la conexión.
• Hay que poner algo más ya que en sí mismo no hace nada.
o HREF
El ancla adopta la forma
texto.
Donde "protocolo://sitio/fichero " (URL) es donde conectamos y ``texto'' es el texto que aparecerá resaltado. El URL a donde conectamos se puede descomponer en:
protocolo - hay siete tipos de servicios:
http
gopher
wais
ftp
telnet
netnews
mailto
sitio - es la dirección de Internet
fichero - es el path + fichero
No hay que olvidarse de las comillas ya que de lo contrario el resultado puede ser impredecible.
o NAME
Sirve para ir a puntos concretos de un documento. Suele usarse para ir a sitios específicos dentro del propio documento.
El sitio en cuestión se marca con:
texto opcional
La conexión se hace con
texto para pinchar si es el mismo documento y
texto para pinchar si el documento no lo es.
• Imágenes.
Son muy importantes para la Web, ya que sin ellas, sería simplemente una manera muy sofisticada de ver mails. Se incluyen de la siguiente forma:
El atributo SRC es como el HREF para una conexión: es el URL de la imagen.
Se pueden añadir otros atributos, para alinear el texto al pie de la imagen, a la mitad, o a la parte superior.
Un atributo interesante es el ALT, o ``texto alternativo'', que es el texto que nos mostrará el visualizador que no pueda ver imágenes (Lynx, Emacs-w3, etc.)
Una característica útil es que se pueden incluir como texto en una conexión (``link''), de forma:
Formato de las imágenes
Una nota sobre el formato de las imágenes: el formato considerado estándar (al menos por ahora y para el futuro cercano) es el GIF. Hay un gran debate con respecto a si imponer otro formato que consiga una mejor compresión de los datos (e.g. JPG), pero por ahora es mejor usar GIFs para asegurarse una total compatibilidad entre visualizadores.
Conversores a HTML
Por si no fuese lo suficientemente sencillo el HTML, existen unos programas o ``converso res'' que pasan textos escritos en otros formatos a HTML.
Para nosotros, familiarizados con el LaTeX, encontramos de gran utilidad el ``latex2html''. Esto hace que la tarea de escribir en HTML sea muy sencilla: se escribe en latex y se convierte directamente a HTML. El programa se ocupa de todo, incluso divide el documento en varios, más fáciles de manejar, y crea un índice con las su secciones como hipertexto: con conexiones entre si, de forma que se hacemos click con el ratón sobre el título de una, el visualizador nos llevará a esa parte automáticamente. Las ecuaciones las pasa a imágenes y las incluye como tal. Las referencias a figuras y tablas también las convierte en hipertexto.
El problema es que un artículo largo, con muchas ecuaciones, puede llegar a ocupar mucho espacio en disco. Por esto, el incluir los artículos científicos de esta manera quizá sea un salto demasiado grande para empezar. Podemos comenzar incluyendo los artículos y pre-prints en formato postcript (posiblemente comprimidos), para que el interesado los pueda sacar por impresora en su centro de investigación.
En el futuro, cuando todo el mundo está publicando en HTML, ya nos preocuparemos de que nuestros artículos sean hipertexto, de forma que se conecten con los demás artículos, y la lectura de los mismos sea totalmente libre, como la filosofía de la Web implica. Esto quiere decir que alguien que lea un artículo, si de repente ve una referencia a otro, pinche con el ratón y vaya a ese otro artículo, y luego vuelva o no, según su criterio. De esta forma todos los artículos serán como uno sólo, y se podrá ``surfear'' libremente de uno a otro, siguiendo el camino de la información.
No hay comentarios:
Publicar un comentario