H ó m  p é d  z s

Hogyan készítsem el bemutatkozó oldalamat?

Alapfokú html tanfolyam 3. rész

A HTML dokumentumok leghasznosabb tulajdonsága a hiperlinkek adta gazdag kapcsolatredszer.

A hiperlinkekre

<a href="KAPCSOLAT"> SZÖVEG </a>

tipusú formula begépelésével hivatkozhatunk. A "KAPCSOLAT" kifjezésbe írva kell meghatároznunk, hogy a "SZÖVEG" mezore rákattintva milyen kapcsolat (levél, másik HTML dokumentum, stb) jöjjön létre. (A "href" a hyperlink reference - hiperkapcsolat referencia rövidítése )

Az alábbi szöveg begépelésével olyan linket hozunk létre, hogy e sorok szerzojének nevére rákattitintva levelet küldhetünk neki. A "mailto:" (levélküldés) szöveg után a címzett e-mail címét kell beírnunk.

<a href="mailto:iskola@bbap-vasvar.sulinet.hu"> Iskola </a>

Ha egy másik web-dokumentumra hivatkozunk, akkor a KAPCSOLAT mezobe a "http:"után kell írnunk a kívánt dokumentum címét. Az alábbi példában az iskolánk címlapjára ugorhatunk.

<a href="http://www.bbap-vasvar.sulinet.hu/"> Az iskola címlapja </a>

Ha a másik web-dokumentum ugyanabban a könyvtárban található, akkor csak a fájl nevét kell beírnunk.Példánkban tanfolyamunk bevezeto oldalára ugrunk, ami a "html01.htm" nevet viseli.

<a href="html01.htm"> A HTML tanfolyam bevezeto oldala </a>

Ha a másik könyvtárban, de ugyanazon a szerveren van a fájl, akkor a jól ismert DOS-ra emlékezteto szintaxis alkalmazható.

<a href="../index.htm"> A FRISS rovat indexe egy könyvtári szinttel feljebb van. </a>
<a href="../../index.htm"> Címlapunk kettő szinttel feljebb van. </a>
<a href="../../este/mozi/mozi.htm"> A moziműsor. </a>

Egy dokumentumon belül is ugorhatunk, illetve egy másik dokumentum adott pontjára is ugorhatunk, ha megfelelo címkéket helyezünk el.

<a name="CIMKE"> SZÖVEG </a>

A "CIMKE" kifejezés egy tetszoleges karakteres kifejezés lehet. A cimkére így hivatkozhatunk.

<a href="DOKUMENTUM#CIMKE"> SZÖVEG </a>

<a name="teteje">Ezen oldal tetején elhelyeztünk egy cimkét: </a>
<a href="#teteje"> Így ugorhatunk fel. </a>
<a href="html3.htm#teteje"> Vagy így. </a>
<a href="http://www.tiszanet.hu/internetto/friss/html/html3.htm#teteje"> Esetleg így. </a>

Innen folytatjuk...

Ugrás az előző oldalra