jueves, 22 de agosto de 2013

Curso HTML desde 0. Capitulo 2



Hola a todos,

En el capítulo anterior hablamos de como pintar textos y poner links. El capítulo de hoy trata de poner imágenes y usarlas en nuestras webs.

El código del ejemplo es el siguiente (lo podéis copiar-pegar en un notepad y grabarlo con el nombre que queráis y extensión html)

<HTML>
<HEAD>
<TITLE> Curso de HTML desde 0. Capitulo 2 </TITLE>
</HEAD>

<BODY background="http://upload.wikimedia.org/wikipedia/commons/thumb/d/d4/Puerta_OR_con_transistores.jpg/220px-Puerta_OR_con_transistores.jpg">

<H1> Imagenes</H1>

<H2> Esto es una imagen con un link incorporado. Haz click encima. </H2>

<a href="http://lordpakus.blogspot.com.es/" style="background-color: white;" title="">
    <img alt="LordPakusBlog" height="82" src="http://4.bp.blogspot.com/-               ShU_aT6Eayw/T60usvEVp_I/AAAAAAAAAII/qBk-a7i_-
f4/s1600/BannerLordPakus.jpg" width="320" />

</BODY>
</HTML>

Si lo ejecutáis veréis algo de este estilo:


A nivel de explicación es sencilla:

1. Si dentro del tag de body, le pasáis como parámetro un background con una ruta de gráfico, este gráfico se utilizará para ir pintando el fondo.

2. El tag que se encarga de poner imagenes se llama img : <img></img>

3. Se pueden poner links a imagenes facilmente mediante <a> </a>

4. Esas rutas largas y raras no son más que los gráficos usados para este ejemplo

Espero que os haya gustado

Nos vemos
LordPakusBlog

0 comentarios :

Publicar un comentario

Related Posts Plugin for WordPress, Blogger...