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 210 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 JosephAveno el 2017-10-19 22:15:25
HP customer support phone number USA 1-866-296-6855
HP customer support phone number USA 18662966855
HP PRINTER SUPPORT
HP customer support phone number USA 1-866-296-6855
HP customer support phone number USA 18662966855
HP PRINTER SUPPORT
HP customer support phone number USA 1-866-296-6855
HP customer support phone number USA 18662966855
HP PRINTER SUPPORT
HP customer support phone number USA 1-866-296-6855
HP customer support phone number USA 18662966855
HP PRINTER SUPPORT
HP customer support phone number USA 1-866-296-6855
HP customer support phone number USA 18662966855
HP TECHNICAL SUPPORT PHONE NUMBER USA HP PRINTER HELP USA HP HELP CONTACT NUMBER
HP CUSTOMER CARE EMAIL ADDRESS HP COMPUTER SUPPORT HP TECH SUPPORT HP LAPTOP SUPPORT
HP customer support phone number USA 1-866-296-6855
HP customer support phone number USA 18662966855
HP PRINTER SUPPORT
HP customer support phone number USA 1-866-296-6855
HP customer support phone number USA 18662966855
HP PRINTER SUPPORT
HP customer support phone number USA 1-866-296-6855
HP customer support phone number USA 18662966855
HP PRINTER SUPPORT
HP customer support phone number USA 1-866-296-6855
HP customer support phone number USA 18662966855
HP PRINTER SUPPORT
HP customer support phone number USA 1-866-296-6855
HP customer support phone number USA 18662966855
HP TECHNICAL SUPPORT PHONE NUMBER USA HP PRINTER HELP USA HP HELP CONTACT NUMBER
HP CUSTOMER CARE EMAIL ADDRESS HP COMPUTER SUPPORT HP TECH SUPPORT HP LAPTOP SUPPORT
HP customer support phone number USA 1-866-296-6855
HP customer support phone number USA 18662966855
HP PRINTER SUPPORT
HP customer support phone number USA 1-866-296-6855
HP customer support phone number USA 18662966855
HP PRINTER SUPPORT
HP customer support phone number USA 1-866-296-6855
HP customer support phone number USA 18662966855
HP PRINTER SUPPORT
HP customer support phone number USA 1-866-296-6855
HP customer support phone number USA 18662966855
HP PRINTER SUPPORT
HP customer support phone number USA 1-866-296-6855
HP customer support phone number USA 18662966855
HP TECHNICAL SUPPORT PHONE NUMBER USA HP PRINTER HELP USA HP HELP CONTACT NUMBER
HP CUSTOMER CARE EMAIL ADDRESS HP COMPUTER SUPPORT HP TECH SUPPORT HP LAPTOP SUPPORT
HP customer support phone number USA 1-866-296-6855
HP customer support phone number USA 18662966855
HP PRINTER SUPPORT
HP customer support phone number USA 1-866-296-6855
HP customer support phone number USA 18662966855
HP PRINTER SUPPORT
HP customer support phone number USA 1-866-296-6855
HP customer support phone number USA 18662966855
HP PRINTER SUPPORT
HP customer support phone number USA 1-866-296-6855
HP customer support phone number USA 18662966855
HP PRINTER SUPPORT
HP customer support phone number USA 1-866-296-6855
HP customer support phone number USA 18662966855
HP TECHNICAL SUPPORT PHONE NUMBER USA HP PRINTER HELP USA HP HELP CONTACT NUMBER
HP CUSTOMER CARE EMAIL ADDRESS HP COMPUTER SUPPORT HP TECH SUPPORT HP LAPTOP SUPPORT
HP customer support phone number USA 1-866-296-6855
HP customer support phone number USA 18662966855
HP PRINTER SUPPORT
HP customer support phone number USA 1-866-296-6855
HP customer support phone number USA 18662966855
HP PRINTER SUPPORT
HP customer support phone number USA 1-866-296-6855
HP customer support phone number USA 18662966855
HP PRINTER SUPPORT
HP customer support phone number USA 1-866-296-6855
HP customer support phone number USA 18662966855
HP PRINTER SUPPORT
HP customer support phone number USA 1-866-296-6855
HP customer support phone number USA 18662966855
HP TECHNICAL SUPPORT PHONE NUMBER USA HP PRINTER HELP USA HP HELP CONTACT NUMBER
HP CUSTOMER CARE EMAIL ADDRESS HP COMPUTER SUPPORT HP TECH SUPPORT HP LAPTOP SUPPORT
HP customer support phone number USA 1-866-296-6855
HP customer support phone number USA 18662966855
HP PRINTER SUPPORT
HP customer support phone number USA 1-866-296-6855
HP customer support phone number USA 18662966855
HP PRINTER SUPPORT
HP customer support phone number USA 1-866-296-6855
HP customer support phone number USA 18662966855
HP PRINTER SUPPORT
HP customer support phone number USA 1-866-296-6855
HP customer support phone number USA 18662966855
HP PRINTER SUPPORT
HP customer support phone number USA 1-866-296-6855
HP customer support phone number USA 18662966855
HP TECHNICAL SUPPORT PHONE NUMBER USA HP PRINTER HELP USA HP HELP CONTACT NUMBER
HP CUSTOMER CARE EMAIL ADDRESS HP COMPUTER SUPPORT HP TECH SUPPORT HP LAPTOP SUPPORT
HP customer support phone number USA 1-866-296-6855
HP customer support phone number USA 18662966855
HP PRINTER SUPPORT
HP customer support phone number USA 1-866-296-6855
HP customer support phone number USA 18662966855
HP PRINTER SUPPORT
HP customer support phone number USA 1-866-296-6855
HP customer support phone number USA 18662966855
HP PRINTER SUPPORT
HP customer support phone number USA 1-866-296-6855
HP customer support phone number USA 18662966855
HP PRINTER SUPPORT
HP customer support phone number USA 1-866-296-6855
HP customer support phone number USA 18662966855
HP TECHNICAL SUPPORT PHONE NUMBER USA HP PRINTER HELP USA HP HELP CONTACT NUMBER
HP CUSTOMER CARE EMAIL ADDRESS HP COMPUTER SUPPORT HP TECH SUPPORT HP LAPTOP SUPPORT
HP customer support phone number USA 1-866-296-6855
HP customer support phone number USA 18662966855
HP PRINTER SUPPORT
HP customer support phone number USA 1-866-296-6855
HP customer support phone number USA 18662966855
HP PRINTER SUPPORT
HP customer support phone number USA 1-866-296-6855
HP customer support phone number USA 18662966855
HP PRINTER SUPPORT
HP customer support phone number USA 1-866-296-6855
HP customer support phone number USA 18662966855
HP PRINTER SUPPORT
HP customer support phone number USA 1-866-296-6855
HP customer support phone number USA 18662966855
HP TECHNICAL SUPPORT PHONE NUMBER USA HP PRINTER HELP USA HP HELP CONTACT NUMBER
HP CUSTOMER CARE EMAIL ADDRESS HP COMPUTER SUPPORT HP TECH SUPPORT HP LAPTOP SUPPORT

2. Comentario de Robertlax el 2017-10-18 18:18:53
POGO customer support phone number USA 1-866-296-6855
POGO customer support phone number USA 1-866-296-6855
POGO GAMES SUPPORT
POGO customer support phone number USA 1-866-296-6855
POGO customer support phone number USA 1-866-296-6855
POGO GAMES SUPPORT
POGO customer support phone number USA 1-866-296-6855
POGO customer support phone number USA 1-866-296-6855
POGO GAMES SUPPORT
POGO customer support phone number USA 1-866-296-6855
POGO customer support phone number USA 1-866-296-6855
POGO GAMES SUPPORT
POGO customer support phone number USA 1-866-296-6855
POGO customer support phone number USA 1-866-296-6855
POGO TECHNICAL SUPPORT PHONE NUMBER USA POGO HELP USA POGO HELP CONTACT NUMBER
POGO CUSTOMER CARE EMAIL ADDRESS POGO LOGIN POGO TECH SUPPORT POGO LOGIN SUPPORT
POGO customer support phone number USA 1-866-296-6855
POGO customer support phone number USA 1-866-296-6855
POGO GAMES SUPPORT
POGO customer support phone number USA 1-866-296-6855
POGO customer support phone number USA 1-866-296-6855
POGO GAMES SUPPORT
POGO customer support phone number USA 1-866-296-6855
POGO customer support phone number USA 1-866-296-6855
POGO GAMES SUPPORT
POGO customer support phone number USA 1-866-296-6855
POGO customer support phone number USA 1-866-296-6855
POGO GAMES SUPPORT
POGO customer support phone number USA 1-866-296-6855
POGO customer support phone number USA 1-866-296-6855
POGO TECHNICAL SUPPORT PHONE NUMBER USA POGO HELP USA POGO HELP CONTACT NUMBER
POGO CUSTOMER CARE EMAIL ADDRESS POGO LOGIN POGO TECH SUPPORT POGO LOGIN SUPPORT
POGO customer support phone number USA 1-866-296-6855
POGO customer support phone number USA 1-866-296-6855
POGO GAMES SUPPORT
POGO customer support phone number USA 1-866-296-6855
POGO customer support phone number USA 1-866-296-6855
POGO GAMES SUPPORT
POGO customer support phone number USA 1-866-296-6855
POGO customer support phone number USA 1-866-296-6855
POGO GAMES SUPPORT
POGO customer support phone number USA 1-866-296-6855
POGO customer support phone number USA 1-866-296-6855
POGO GAMES SUPPORT
POGO customer support phone number USA 1-866-296-6855
POGO customer support phone number USA 1-866-296-6855
POGO TECHNICAL SUPPORT PHONE NUMBER USA POGO HELP USA POGO HELP CONTACT NUMBER
POGO CUSTOMER CARE EMAIL ADDRESS POGO LOGIN POGO TECH SUPPORT POGO LOGIN SUPPORT
POGO customer support phone number USA 1-866-296-6855
POGO customer support phone number USA 1-866-296-6855
POGO GAMES SUPPORT
POGO customer support phone number USA 1-866-296-6855
POGO customer support phone number USA 1-866-296-6855
POGO GAMES SUPPORT
POGO customer support phone number USA 1-866-296-6855
POGO customer support phone number USA 1-866-296-6855
POGO GAMES SUPPORT
POGO customer support phone number USA 1-866-296-6855
POGO customer support phone number USA 1-866-296-6855
POGO GAMES SUPPORT
POGO customer support phone number USA 1-866-296-6855
POGO customer support phone number USA 1-866-296-6855
POGO TECHNICAL SUPPORT PHONE NUMBER USA POGO HELP USA POGO HELP CONTACT NUMBER
POGO CUSTOMER CARE EMAIL ADDRESS POGO LOGIN POGO TECH SUPPORT POGO LOGIN SUPPORT
POGO customer support phone number USA 1-866-296-6855
POGO customer support phone number USA 1-866-296-6855
POGO GAMES SUPPORT
POGO customer support phone number USA 1-866-296-6855
POGO customer support phone number USA 1-866-296-6855
POGO GAMES SUPPORT
POGO customer support phone number USA 1-866-296-6855
POGO customer support phone number USA 1-866-296-6855
POGO GAMES SUPPORT
POGO customer support phone number USA 1-866-296-6855
POGO customer support phone number USA 1-866-296-6855
POGO GAMES SUPPORT
POGO customer support phone number USA 1-866-296-6855
POGO customer support phone number USA 1-866-296-6855
POGO TECHNICAL SUPPORT PHONE NUMBER USA POGO HELP USA POGO HELP CONTACT NUMBER
POGO CUSTOMER CARE EMAIL ADDRESS POGO LOGIN POGO TECH SUPPORT POGO LOGIN SUPPORT
POGO customer support phone number USA 1-866-296-6855
POGO customer support phone number USA 1-866-296-6855
POGO GAMES SUPPORT
POGO customer support phone number USA 1-866-296-6855
POGO customer support phone number USA 1-866-296-6855
POGO GAMES SUPPORT
POGO customer support phone number USA 1-866-296-6855
POGO customer support phone number USA 1-866-296-6855
POGO GAMES SUPPORT
POGO customer support phone number USA 1-866-296-6855
POGO customer support phone number USA 1-866-296-6855
POGO GAMES SUPPORT
POGO customer support phone number USA 1-866-296-6855
POGO customer support phone number USA 1-866-296-6855
POGO TECHNICAL SUPPORT PHONE NUMBER USA POGO HELP USA POGO HELP CONTACT NUMBER
POGO CUSTOMER CARE EMAIL ADDRESS POGO LOGIN POGO TECH SUPPORT POGO LOGIN SUPPORT

3. Comentario de MShinom el 2017-10-13 19:50:51
Мобильный, выездной шиномонтаж в Москве круглосуточно!
Мегафон: +7(495)908-97-71
Мтс: +7(915)448-25-25
Хранение шин.
1. Шиномонтажные работы.
2. Снятие секреток.
3. Переобувка шин.
4. Ремонт проколов и порезов.
Выездной шиномонтаж 24 часа в Москве и МО.
Звоните!

4. Comentario de Bruceunure el 2017-10-12 03:06:29
Посмотрите презентации и по новостройкам СПб.
Это здесь kvartiraportal.ru

5. Comentario de Georgelit el 2017-10-07 18:23:37
vps-vds.com


VER TODOS LOS MENSAJES (210)...