Llenguatge html/Imatges
| Llenguatge html |
Inserir una imatge
[modifica]Per inserir una imatge utilitzem l'element IMG. Amb l'etiqueta <img> (sense etiqueta de tancar).
Haurem de tenir present que per veure alguna imatge hem d'afegir-hi un atribut:
- SRC: Indica la direcció de la imatge, pot ser una imatge d'internet o del nostre ordinador: src="http://upload.wikimedia.org/wikipedia/commons/9/91/Wikipedia-logo-ca.png".
També tenim atributs que ens permeten modifica o personalitzar la imatge:
- Height i width: Determinen l'alçada (height) i l'amplada (width) de la imatge, els seus possibles valors són nombres: height="155" i width="135".
- ALT: Ens permet posar un text descriptiu a la imatge: alt="Logotip Viquipèdia".
- Border: Permet crear un contorn a la imatge: border="2".
Combinant tots els elements anteriors quedaria així:
<img height="155" alt="Logotip Viquipèdia" src="http://upload.wikimedia.org/wikipedia/commons/9/91/Wikipedia-logo-ca.png" width="135">
Resultat
[modifica]Ja podríem tenir una pàgina així:
<html> <head> <title>Els millors passatemps d'internet</title> </head> <body> <H1><u>Els millors passatemps d'internet</u></h1> <H3><tt>Aquí trobareu els millors passatemps d'internet en català</tt></h3> <p><span style="background-color: black"><font face="Arial" color="white"><b>Aquí</b> hi posarem <i>sudokus</i>, sopes de lletres, laberints, etc.</font></span></p> <h4>Laberints:</h4> <img height="300" alt="Laberint de triple espiral" src="http://upload.wikimedia.org/wikipedia/commons/c/ce/Triple-Spiral-labyrinth-variant.png" width="300" border="1"> <br> <img height="100" alt="Laberint de triple espiral" src="http://upload.wikimedia.org/wikipedia/commons/3/34/Maze01-01.png" width="300" border="1"> <br> <img height="300" alt="Laberint de triple espiral" src="http://upload.wikimedia.org/wikipedia/commons/thumb/2/2b/Labyrinth.svg/500px-Labyrinth.svg.png" width="300"> <blockquote> <p>Pàgina web feta per als <cite>Viquillibres</cite>.</p> </blockquote> </body> </html>