ElTicus.com

Programación, lenguajes y recursos para programadores

manual
Curso Bsico de HTML
Introduccin a la programacin de pginas Web
Publicado por JL Fecha: 2006-12-02 01:20:00 Idioma: Espaol Tipo de documento: manual
Descargar como PDF

Curso de HTML Bsico

Curso bsico de HTML

Gua para principiantes

(Curso para introducir a alguien a la programacin de pginas web)



ENLACES Y GRFICOS

INTRODUCCIN

Adems de los muchos estilos y capacidades de presentacin que nos ofrece HTML para estructurar el documento en s, disponemos de varias directivas que nos permiten definir relaciones entre diferentes documentos y estructurar todo un conjunto de documentos para crear una unidad lgica. La facilidad para definir este tipo de enlaces es una de las razones de la potencia y versatilidad de HTML. Por la similitud de tratamiento que tienen los enlaces y los grficos, tocaremos tambin en esta seccin cmo pueden incluirse estos ltimos en un documento.

Los enlaces en HTML se expresan rodeando con la directiva <a> el objeto (que puede ser un fragmento de texto o un grfico) que vaya a servir como anclaje para el enlace. Por ejemplo, si marcamos con <a> un grfico, cuando en el documento final se pulse con el ratn sobre dicho grfico saltaremos al objeto referenciado en el enlace: otro documento, un vdeo musical, o un servidor de informacin meteorolgica.

QU ES UN URL

Para especificar de manera uniforme el objeto al que apunta nuestro enlace, se utiliza una forma estandarizada que se denomina URL (Uniform Resource Locator, es decir, Localizador Uniforme de Recursos ). Un URL est formado de la siguiente manera: esquema://maquina/ruta

La mquina y la ruta sirven para localizar el objeto al que apunta nuestro enlace. La mquina es la identificacin del servidor en el cual est situado el objeto al que apunta el enlace. Puede ser simplemente el nombre de un ordenador (como www.etsit.upm.es) o tambin un nombre y un puerto (por ejemplo www.etsit.upm.es:8000).

La ruta es el nombre del archivo que contiene el documento en concreto, incluyendo el nombre del subdirectorio en el que se encuentra.

ENLACES

Para definir un enlace es necesario marcar con la directiva <a> el objeto del cual va a partir dicho enlace. Dicha directiva debe incluir el parmetro href="URL" para especificar el destino del enlace. Es decir, que antes del objeto elegido debemos abrir con
<a href="URL">, y despus cerrar con </a>. Por ejemplo, si queremos que el texto pulse aqu para visitar la NASA nos conduzca a la home page de la NASA, debemos escribir en nuestro texto HTML:

 

<a href="http://www.nasa.gov/">Pulse aqu para visitar a la NASA</a>

Si lo que queremos es solamente enlazar con otro documento que se encuentra en el mismo servidor, incluso en el mismo subdirectorio. En este caso no es necesario escribir el camino completo al destino del enlace, sino que basta con dar la mnima informacin imprescindible.

Es decir, que si desde cierto documento queremos enlazar con otro que se encuentra en el mismo subdirectorio, basta con poner su nombre: <a href="el_otro_archivo">pulse aqu</a>. O si se encuentra en otro subdirectorio del mismo servidor, es suficiente con poner <a href="/la/ruta/que/sea/archivo.html">pulse aqu</a>. Tambin pueden utilizarse rutas relativas: <a href="ruta/relativa/cosa.html">cosa</a>.

Imgenes

Para incluir un grfico en un documento HTML se utiliza la directiva <img>. En dicha directiva debe incluirse un parmetro src="URL", con el cual indicamos dnde est el archivo con el grfico concreto que queremos para nuestro documento. Esto pone a nuestra disposicin una gran flexibilidad, ya que podemos complementar el contenido de nuestro documento tanto con grficos que se encuentren disponibles en nuestro 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 limitacin respecto a los formatos grficos que los programas lectores de HTML puede interpretar sin problemas. Los formatos fundamentales son el GIF y el JPG, que cualquier programa con capacidades grficas debera poder mostrar directamente en nuestro texto. Si utilizamos otro formato diferente, lo ms probable es que cuando un lector est accediendo al documento, el programa no comprenda ese formato y se tenga que solicitar la ayuda de otro programa, con lo cual al final el grfico no se insertar en el lugar estratgico de nuestro documento, sino que aparecer en otra ventana diferente.

Hay un parmetro optativo de la directiva <img> que sirve para proponer un texto alternativo a un grfico. Este texto aparecer cuando se est usando para leer el HTML un programa sin capacidades grficas (por ejemplo una consola de Lynx, que slo trabaja con texto). Se trata de alt="texto". Conviene utilizarlo cuando los grficos sirven como origen a hiperenlaces, porque si no los programas sin capacidades grficas no podran mostrar los enlaces que nosostros queremos.

Como ocurra antes con los enlaces, por lo general no es necesario escribir el URL completo, sino que basta con dar la mnima informacin. Por ejemplo, para colocar en este punto del documento un monigote que est en el mismo subdirectorio que este manual, en el archivo monigote.gif, escribiremos:

<img src="monigote.gif" alt="MONIGOTE"><p>
 

Lo que se traduce en:

MONIGOTE

Como se ve, hemos especificado el texto alternativo "MONIGOTE", con lo cual una persona que no dispusiera del programa adecuado hubiera visto algo parecido a [MONIGOTE] en lugar del dibujo.

Podemos tambin incluir un dibujo que est en otro lugar especificando un URL completo, por ejemplo:

<img src="http://naic.nasa.gov/images/nasa-logo.gif"> <p>

 

Y adems podemos hacer que un grfico sea un enlace, utilizando la directiva <a>. En este caso no debemos olvidar utilizar la opcin alt="texto" para que todos los usuarios puedan seguir el enlace:

<a href="http://www.nasa.gov/">
 <img src="http://naic.nasa.gov/images/nasa-logo.gif" alt="NASA">
</a> <p>
 

 

 


<< Tema anterior Tema siguiente >>



Hay 220 comentarios sobre este tema por parte de los lectores


Haz un comentario sobre este tema
Nombre email (no se muestra)
comentario:
Escribe las 2 letras que ves aqu: Imagen anti-spam =

Los ltimos 5 comentarios colocados son:

1. Comentario de SandorinaBaw el 2017-12-11 22:10:43
Всем привет, хочу проинтересоваться и обсудить такой вопрос как \"куда можно продать или же где можно купить наших домашних питомцев\"?

Почему подняла такой вопрос, просто хотелось бы попробовать себя в качестве заводчика, но вот только где продавать непонятно, не на базар же с ними выходить....

Давайте обсуждать, кто где покупает и кто куда продаёт.

2. Comentario de Traceem el 2017-11-20 06:52:55
СЕРВИС ДЛЯ ПРИВЛЕЧЕНИЯ КЛИЕНТОВ ИЗ ИНТЕРНЕТА.
Комплексное интернет-продвижение сайтов без посредников и переплат в одном месте!
Сбор различных баз для продвижения в интернете
Эффективно и недорого. Писать в ICQ 656310373

3. Comentario de Content Spinning el 2017-11-17 13:56:44
Le content spinning permet dautomatiser la génération textuels unique de manière aisée. cette manière de faire consiste à paraphraser des textes déjà existant, ce qui permet davoir un gain de temps efficacement. Il existe plusieurs logiciels et outils de spinning de contenu mais aucun ne permet de réaliser du contenu de bonne qualité sans perdre trop de temps. Avec Content-spinning. fr, vous pouvez enfin automatiser la réalisation de vos master-spins !

4. Comentario de AnthonyMaf el 2017-11-15 16:15:08

You actually mentioned it exceptionally well!
canadianpharmaciesbnt.com
canadapharmacy

5. Comentario de AlexDum el 2017-11-01 09:24:16
Компания выполняет ремонты жилых и нежилых помещений. от фундамента, проекта, дизайна, до реализации конечного результата.


VER TODOS LOS MENSAJES (220)...