Bueno antes de empezar les quiero decir q no es copia y pego las guias son tanto mias como las de mi amigo asd (byasd) asi que no quiero que empiezen con copio de la pag tanato si les subo aca es para que tengan todo mas serca y mas facil PD: si quieren guias o ayuda les dejo mi twitter : @jonaadj ahi me pueden pedir lo que quieran desde videos incluso guias como estas les armaremos con byasd saludos
***********************************************************************************************************************************
************************************************************************************************************************************
www.kalizmu.com.ar
este es nuestro server de mu que armamos con by asd y bkjona es todo original echo por nosotros todo asi que si lo quieren probar y si les gusta estamos armando el cliente ayer le actualizamos pero para el 23 ya tendremos todos listo saludos
***********************************************************************************************************************************
continuando con HTML básico, hoy aprenderemos a agregar una imagen a nuestra web, y luego agregarle un LINK a esa imagen.
Sin perder tiempo en detalles, veamos el primero código, este sirve para agregar una imagen de la manera mas sencilla y prática:
<img src="imagen.jpg">
1)Comenzemos analizar el código, en este caso no es compuesto como habíamos visto en el anterior tutorial, sino que es un código totalmente simple.
La parte editable es la siguiente:
imagen.jpg
2)Lo que debemos hacer ahi, es poner la ruta en donde está nuestra imagen.
Hay que tener mucho cuidado, ya que si la ruta no es la correcta, la imagen no se vera.
Si nuestra imagen está alojada en la red, no abría problemas, ya que simplemente copiamos la URL completa y la pegamos entre las comillas del código.
Si la imagen la alojamos en la misma carpeta del servidor, debemos estar seguro que la ruta sea la correcta.
En mi ejemplo, tomaré la imagen que tenemos en nuestro sitio, el cual muestra una banderas para el traductor del sitio.
El código con la ruta agregada, nos quedaría asi:
<img src="http://2.bp.blogspot.com/-nIsEWzC_sgs/TZN8KkuC1FI/AAAAAAAAB6M/UVMrNz_AR_k/s320/1.jpg">
3)Ahora lo que haré, será ejecutar el código en la siguiente linea.
4)Y efectivamente al ejecutar el código, podemos ver nuestra imagen.
Algo que deben tener en cuenta, es la extensión de nuestra imagen, recuerdo que si es .gif o .png deben agregalo.
Como dije anteriormente, esté código es totalmente básico, pero ¿Qué significa que este código sea básico?
Significa que no tiene atributos o parámetros si es que asi lo desean llamar, este tipo de atributos nos permitirá por ejemplo hacer que la imagen tenga un enlace al hacer click en ella, indicar su tamaño y otros.
Entre los atributos más usados tenemos:
a)Height: nos indica la altura de la imagen
b)Width: nos indica la anchura de la imagen
c)Border: si agregamos un número mayor a 0, podremos ver un borde que contornea la iamgen, cuanto mayor sea el número, mayor será el grosor
d)Title: Se usa para agregar una descripción al apoyar el mouse sobre la imagen.
e)<a href="direccion": Agrega un enlace a la imagen
A continuación mostraré un ejemplo de como agregar estos atributos:
<a href="http://rankingmu.com"><img
src="http://2.bp.blogspot.com/-nIsEWzC_sgs/TZN8KkuC1FI/AAAAAAAAB6M/UVMrNz_AR_k/s320/1.jpg" title="descripcion" WIDTH="245" HEIGHT=30 BORDER=3 ></a>
5)En la siguiente linea, mostraré el código ejecutado. Lo que veremos será la misma imagen que el ejemplo anterior con el enlace.
Eso es todo
***********************************************************************************************************************************
************************************************************************************************************************************
www.kalizmu.com.ar
este es nuestro server de mu que armamos con by asd y bkjona es todo original echo por nosotros todo asi que si lo quieren probar y si les gusta estamos armando el cliente ayer le actualizamos pero para el 23 ya tendremos todos listo saludos
***********************************************************************************************************************************
continuando con HTML básico, hoy aprenderemos a agregar una imagen a nuestra web, y luego agregarle un LINK a esa imagen.
Sin perder tiempo en detalles, veamos el primero código, este sirve para agregar una imagen de la manera mas sencilla y prática:
<img src="imagen.jpg">
1)Comenzemos analizar el código, en este caso no es compuesto como habíamos visto en el anterior tutorial, sino que es un código totalmente simple.
La parte editable es la siguiente:
imagen.jpg
2)Lo que debemos hacer ahi, es poner la ruta en donde está nuestra imagen.
Hay que tener mucho cuidado, ya que si la ruta no es la correcta, la imagen no se vera.
Si nuestra imagen está alojada en la red, no abría problemas, ya que simplemente copiamos la URL completa y la pegamos entre las comillas del código.
Si la imagen la alojamos en la misma carpeta del servidor, debemos estar seguro que la ruta sea la correcta.
En mi ejemplo, tomaré la imagen que tenemos en nuestro sitio, el cual muestra una banderas para el traductor del sitio.
El código con la ruta agregada, nos quedaría asi:
<img src="http://2.bp.blogspot.com/-nIsEWzC_sgs/TZN8KkuC1FI/AAAAAAAAB6M/UVMrNz_AR_k/s320/1.jpg">
3)Ahora lo que haré, será ejecutar el código en la siguiente linea.
4)Y efectivamente al ejecutar el código, podemos ver nuestra imagen.
Algo que deben tener en cuenta, es la extensión de nuestra imagen, recuerdo que si es .gif o .png deben agregalo.
Como dije anteriormente, esté código es totalmente básico, pero ¿Qué significa que este código sea básico?
Significa que no tiene atributos o parámetros si es que asi lo desean llamar, este tipo de atributos nos permitirá por ejemplo hacer que la imagen tenga un enlace al hacer click en ella, indicar su tamaño y otros.
Entre los atributos más usados tenemos:
a)Height: nos indica la altura de la imagen
b)Width: nos indica la anchura de la imagen
c)Border: si agregamos un número mayor a 0, podremos ver un borde que contornea la iamgen, cuanto mayor sea el número, mayor será el grosor
d)Title: Se usa para agregar una descripción al apoyar el mouse sobre la imagen.
e)<a href="direccion": Agrega un enlace a la imagen
A continuación mostraré un ejemplo de como agregar estos atributos:
<a href="http://rankingmu.com"><img
src="http://2.bp.blogspot.com/-nIsEWzC_sgs/TZN8KkuC1FI/AAAAAAAAB6M/UVMrNz_AR_k/s320/1.jpg" title="descripcion" WIDTH="245" HEIGHT=30 BORDER=3 ></a>
5)En la siguiente linea, mostraré el código ejecutado. Lo que veremos será la misma imagen que el ejemplo anterior con el enlace.
Eso es todo