A következőkben megtanuljuk az <img> tag használatát, aminek segítségével képet illeszthetünk be a weboldalunkba.
==============
Kép beillesztése:
==============
Definiálása:
<img src=”képek/csillag.jpg” alt=”Szép csillag” />
Az src-ben lévő útvonallal hivatkozunk a képre amit meg szeretnénk jeleníteni, a fenti kódban a képek mappában levő csillag nevű és JPG formátumú képet szeretnénk megjeleníteni.
Az alt tulajdonság akkor nyújt segítséget, ha valamilyen oknál fogva nem jelenik meg a képünk és csak egy fehér keret fogadna minket, e helyett az fog megjelenni amit az alt-hoz írtunk:
Szép csillag :
Bővíthetjük az attribútumokat, például a szélesség és a magasság megadásával:
<img src=”képek/csillag.jpg” alt=”Szép csillag” width=”150″ height=”150″/>
==============
Link beillesztése:
==============
Definiálása:
<a href=”http://www.starwebpage.hu“>Ide kattints!</a>
Azt is megadhatjuk, hogy egy másik ablakban ugorjon fel az ablak vagy ugyanazon a lapon maradjon a target attribútummal:
<a href=”http://www.starwebpage.hu” target=”_blank”>Ide kattints!</a>
- _blank
- _self
- _top
- _parent
==================
Táblázat beillesztése:
==================
Definiálása:
<table border=”1″ bgcolor=”green” width=”100″ height=”100″>
<tr>
<td>Első sor, Szöveg 1 </td> <td>Első sor, Szöveg 2 </td>
</tr>
<tr>
<td>Második sor, Szöveg 3 </td> <td>Második sor, Szöveg 4 </td>
</tr>
</table>
A <table> taggel kezdjük és új sort a <tr> -el kezdünk, melybe tetszőleges számú oszlopot tehetünk a <td> taggel.
A fenti példában két sort definiáltam és mindegyik sorban két oszlopot helyeztem el.
A bgcolor tulajdonsággal megadhatjuk a táblázat háttérszínét a width és a height már nem újdonság.
Íme a feni kód:
| Első sor, Szöveg 1 | Első sor, Szöveg 2 |
| Második sor, Szöveg 3 | Második sor, Szöveg 4 |
Ezekkel az eszközökkel már egész szép és hasznos weblapokat készíthetünk, persze még nagyon sok okosságot találhattok a w3 schools oldalán.
Hamarosan jön az újabb cikk!
Üdv: Wolfrain 
