Estás aquí: mailxmail > Cursos de Informática > Internet > Introducción al html > Los gráficos

Introducción al html

Autor: Universidad de Navarra
Curso:

4,38/5 (528 opiniones) |31072 alumnos|Fecha publicación: 03/11/2003

Capítulos del curso

Capítulo 11:

Los gráficos

Para incluir un gráfico en un documento HTML se utiliza la directiva <IMG>. En dicha directiva debe incluirse un parámetro SRC="URL", con el cual se indica dónde está el fichero con el gráfico concreto que se quiere para el documento. Esto pone a disposición una gran flexibilidad, ya que se puede complementar el contenido del documento tanto con gráficos que se encuentren disponibles en el servidor de WWW, como con una foto situada en un servidor de la NASA o del Ministerio de Cultura, por ejemplo, sin que el lector final tenga por qué apreciar ninguna diferencia.

Existe alguna limitación respecto a los formatos gráficos que los programas lectores de HTML puede interpretar sin problemas. El formato más utilizado es el GIF, que cualquier programa con capacidades gráficas debería poder mostrar directamente (Mosaic y Netscape pueden hacerlo).

Hay un parámetro optativo de la directiva <IMG> que sirve para proponer un texto alternativo a un gráfico. Este texto aparecerá cuando se esté usando para leer el HTML un programa sin capacidades gráficas (por ejemplo Lynx, que sólo trabaja con texto). Se trata de alt="texto". Conviene utilizarlo cuando los gráficos sirven como origen a hiperenlaces, porque si no los programas sin capacidades gráficas no podrán mostrar los enlaces establecidos.

Para colocar en este punto del documento una imagen que está en el mismo subdirectorio que este manual, en el fichero fotografia.gif, se escribe:

<IMG SRC="URL/fotografia.gif" ><P>

Los documentos de información gráfica deben optimizarse para la visualización, es decir, hay que minimizar la tabla de colores con el fin de disminuir el tamaño que ocupan las imágenes.

Tags adicionales.- Lo anterior es suficiente para producir documentos HTML básicos. Para crear documentos mas complejos, el HTML tiene tags para varios tipos de listas, secciones previamente creadas, citas extensas, tablas, mapas, formularios y otras utilidades. Esto entraría dentro de un nivel más elevado en el aprendizaje del lenguaje HTML.

Un ejemplo más largo

<HTML>

<HEAD>

<TITLE>Ejemplo mas largo </TITLE>

</HEAD>

<BODY>

<H1>Un ejemplo mas largo </H1>

Este es un documento HTML sencillo. Este es el primer párrafo. <P>

Este es el segundo párrafo, con efectos especiales. Esta es una palabra en <I>cursiva</I>. Esta es una palabra en <B>negrita</B>.

He aqu&iacute; una imagen GIF:<P>

<IMG SRC="http://www.unav.es/iconos/cabeza.gif">. <P>

Este es el tercer párrafo, que demuestra links. He aqui un hypertext de la palabra <A HREF="http://www.unav.es/un/infounav.html">Acerca de la Universidad de Navarra</A> a un documento llamado:"infounav.html". <P>

<H2>Una cabecera de segundo nivel </H2>

He aqu&iacute; una sección de texto que se debe mostrar como una fuente de ancho fijo:<P>

<PRE>Con diez cañones por banda,

viento en popa a toda vela

no corta el mar sino vuela

un velero bergantín</PRE>

<HR>

Fin del documento

</BODY>

</HTML>

Capítulo siguiente - Un ejemplo

Capítulo anterior - Los enlaces

Hay 528 opiniones. Opina sobre este curso.

Sigue el curso por e-mail

Descarga el PDF gratis

Cursos similares a Introducción al html

	Cursos	Valoración	Alumnos	Vídeo
¿Qué son las redes? Actualmente uno de los sistemas de comunicación más utilizados son los ordenadores, correo, chat, mensajería instatánea, telefóno por ip, etc... Para que los ord... [25/11/04]			22.801
PHP y MySQL. Aplicaciones Web: base de datos MySQL I (séptima parte) Programación de aplicaciones Web con PHP y MySQL Ahora estudiaremos la Base de Datos MySQL. Te explicaremos la instalación, la configuraci&oacu... [02/12/08]			1.087
Crea tu web con recursos gratuitos Como crear un sitio web de manera sencilla, con recursos gratuitos.... [01/06/05]			9.638