Most térjünk vissza a szerkesztésekhez.
Lássunk is hozzá!
LINKEK KEZELÉSE.
FONTOS: mielőtt elkezded, tudnod kell
annak az oldalnak, képnek vagy fájlnak
az URL címét, amelyre majd a link mutat.
Hogyan tudom meg egy kép URL címét
(elérési útvonalát)?
Klikkelj a feltöltött képre, hogy eredeti
méretében lásd, majd jobb klikk a képen
és a felbukkanó menüből válaszd a
"Tulajdonságok"-at. Újabb ablak nyílik meg,
amiből ki kell másolni a kép URL címét.
Avagy tárhelyed könyvtárába feltötött képed
elérési útvonalát megírod így!
Neved:Tárhelyneved:mappa neve, és hogy mit
töltöttél fel oda.
Így néz ki az útvonal:(URL)
http://anikovilaga.tvn.hu/clock/cats.png
és most adjuk meg a link parancsot:
<a href="....."></a>
Paraméterek:
target="..." - meghatározza, milyen
ablakban nyíljon a link. Lehetséges
értékek:
_blank - új ablakban
_parent - "szülő" ablakban
(abban az ablakban, amely a linket
tartalmazza)
_self - azonos ablakban
ha ezt a paramétert nem adjuk meg,
akkor az oldal alapértelmezése érvényes.
href="...oldal vagy kép URL-je..."
- ez fog megnyílni, ha ráklikkelsz
A font utasítással formázzuk a
szöveget.(b) félkövérré tesszük
és adunk színt neki.#FF0000
Minden menüpont elé tehtünk egy képecskét, érdemes
egy újabb táblázatot csinálni.
Legyen két oszlopa, egyik a képnek, másik a szövegnek.
Annyi sora legyen, ahány menüpontot szeretnél.
És most lássuk a megszerkesztett html-t.
<html> <head>
<title>Link kezelés- szerkesztés</title>
</head> <body>
<table border="0"
cellpadding="0"
cellspacing="4"
style="border-collapse: collapse"
width="250"
background="http://anikovilaga.tvn.hu/
at1/keret.jpg">
<tr>
<td width="100%">
<table border="0"
cellpadding="0"
cellspacing="0"
style="border-collapse: collapse"
width="100%"
background="http://anikovilaga.tvn.hu/
at1/at01.jpg">
<tr>
<td width="100%">
<p align="center"><br>
<font face="Georgia" size="4">MENÜ</
font></p>
<table border="0"
cellpadding="0"
cellspacing="5"
style="border-collapse: collapse"
width="100%">
<tr>
<td width="50%"><p>
<img border="0"
src="http://anikovilaga.tvn.hu/at1/
b05.gif"
align="right"
width="9"
height="9">
</p>
</td>
<td width="50%">
<a target="_blank"
href="http://anikovilaga.tvn.hu>
<font color="#000000"><b>Főoldal</b>
</font> </a>
</td>
</t>
<tr>
<td width="50%">
<img border="0"
src="http://anikovilaga.tvn.hu/at1/
b05.gif"
align="right"
width="9"
height="9"></td>
<td width="50%">
<a href="http://anikovilaga.gportal
.hu">
<font color="#000000"><b>Home</b></
font> </a></td></tr></table></td>
</tr></table></td></tr></table></body></html>
Eredmény:
Ezt mind a Html-Mankó segítségével könnyedén megszerkeszthetjük.Ellen-őrízhetjük Teszt nézetben. (T),
és ugyan ezzel a(T)-betűvel vissza léphetünk a szerkesztőnkbe.
Meglehet, hogy ez most kissé soknaktűnik ,pihenjetek kicsit,
nézelődjetek, és olvasgassátok át újra, és újra ismét.Ha mégsem értenéteg bátran keressetek meg e-mailon, és megbeszéljük.