Autor: ZhiXeR Descripción: En este segundo tutorial sobre HTML les voy a explicar como poner imágenes en su web y links para que esta valla tomando forma. 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:

Código:

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

resultado:

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:

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:

Código:

<a href="http://www.disenargentina.com.ar"><img src="http://www.disenargentina.com.ar/noticias_image/noticiarheader2.jpg"></a>

resultado:

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

Código:

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

Entonces ya saben si necesitan algo me mandan un |Mail| o pasan por el |Foro|