Buscar
Más buscado   Comunidades   Preguntas
Inicio / Wikis / Artículos / Html: Links e Imágenes - Links e Imagenes

Html: Links e Imágenes - Links e Imagenes

Artículo creado por ZhiXeR. Extraido de: http://www.disenargentina.com.ar/?sec=1&tutoc=30&id=145
15 de Mayo de 2006
HTML

1 - Links e Imagenes

Nivel: basico
Bueno ya sabemos suficiente después de haber leído el tutorial numero 1 de HTML, tanto que en este solo poniendo la etiqueta necesaria para incluir imágenes y links a nuestra web será suficiente pero también les voy a decir los atributos que se le pueden agregar a estas cosas.
¡Empecemos!
Para agregar una imagen tienen que poner la etiqueta: < img src=“ruta de la imagen” >
Los atributos que les pueden poner son:
alt=”nombre de la imagen (aparece mientras se esta cargando)”
valing=”alineación vertical (bottom, middle, top)”
aling=”alineación horizontal (left, center, right)”
código:

<img src="http://www.disenargentina.com.ar/tutoriales_image/html_texto/img_icono.jpg" alt="Imagen" valing="middle" aling="center">


resultado:
”Imagen”
Esto es básicamente todo lo necesario para trabajar con imágenes, ahora vamos a ver el tema de los links.
La etiqueta que se utiliza es esta: <a ref=”ruta” >
A diferencia de la etiqueta para las imágenes esta se cierra con </a> y en el medio va un texto, es donde se hace clic para acceder a esa ruta.
código:

<a href=?sec=1&tutoc=30&id=127>Tutorial Nº de HTML</a>


resultado:
Tutorial Nº de HTML
También se puede utilizar una imagen para ser la que de la ruta y en vez de poner el texto en medio de la etiqueta se pone la ruta de la imagen.
código:

<a href="http://www.disenargentina.com.ar"><img src="http://www.disenargentina.com.ar/logoDa-animado.gif"></a>


resultado:

Para dar la ruta de un mail se hace así:
código:

<a href=mailto:zhixer@disenargentina.com.ar>|Mail|</a>

Valora este capítulo:
Autor y licencia de 'Html: Links e Imágenes - Links e Imagenes'
ZhiXeR Extraído de: http://www.disenargentina.com.ar/?sec=1&tutoc=30&id=145

Creative Commons License Esta obra está bajo una licencia de Creative Commons.
Esta obra está protegida por una licencia de Creative Commons.
Este contenido ha sido recopilado por el equipo de Wikilearning. Todo el contenido recopilado se ha obtenido respetando y comunicando en nuestro site la licencia de cada fuente.
Wikilearning tiene permiso expreso por escrito de los autores para publicar los contenidos que ha extraído de otras webs, incluyendo su uso comercial.

Opiniona sobre 'Html: Links e Imágenes - Links e Imagenes' (0)

Tu nombre debe tener tres caracteres como mínimo.
Es necesario que te des de alta con una cuenta de correo válida.
Es necesario que te des de alta con una cuenta de correo válida.
El contenido del título de tu opinión debe tener tres caracteres como mínimo.
Es obligatorio que selecciones una valoración del recurso.
El contenido del comentario de tu opinión debe tener tres caracteres como mínimo.

Opina sobre este artículo
* Valoración:
* Nombre:
* Correo electrónico:
* Título:
* Comentario:

Wikis relacionados con 'Html: Links e Imágenes - Links e Imagenes'

Fotografía Digital Compuesta con HUGIN a 8 y 16 bits
Acabo de escribir este manual sobre cómo componer imágenes panorámicas con Hugin, para que sirva... Más »
Cómo encontrar buenos gráficos gratuitos
Encontrar imágenes de calidad para ilustrar un artículo, un informe o una página Web es... Más »
Marcos caseros con el Gimp - II
Las fotografias de flores (flora en general) quizas sean las que mejor se dejan enmarcar.... Más »
Instalando GNU/Debian Sarge
¿Qué es una imagen ISO? Las imágenes ISO son archivos que siguen los estándares ISO-9660... Más »
Observación Espacio Profundo
Cielo profundo es un término astronómico utilizado para referirse a los objetos astronómicos más debilmente... Más »
¿Estás seguro de que deseas eliminar este capítulo?