HTML sablonok szem�lyre szab�sa - Ismertet�

Vissza Kezd�lap K�vetkez�
 

13. l�p�s l�p�s: Hiperhivatkoz�sk�nt m�k�d� k�pek hozz�ad�sa

Ebben a l�p�sben hozz�adunk n�gy hiperhivatkoz�st a weboldal fels� r�sz�hez. A hivatkoz�sokat egy t�bl�zatban helyezz�k el, �s az egyes hivatkoz�sokhoz k�l�nb�z� k�peket haszn�lunk, hogy jobban n�zzenek ki. Hozz�adjuk a "Bels� hivatkoz�sok" feliratot is.

  1. Adja hozz� a k�vetkez� sorokat a fejl�ccs�kot megjelen�t� <IMG> elem ut�n.

    <p>
    <h2>Bels� hivatkoz�sok</h2>
    <table>
    <tr><td>
    <a name="aerogif" href="#aerolinks"><img src="aero.gif" Border="0"></a>
    </td><td>
    <a name="autogif" href="#autolinks"><img src="auto.gif" Border="0"></a>
    </td><td>
    <a name="chemgif" href="#chemlinks"><img src="chem.gif" Border="0"></a>
    </td><td>
    <a name="elecgif" href="#eleclinks"><img src="elec.gif" Border="0"></a>
    </td></tr>
    </table>


    A hivatkoz�s referenci�k, amelyeket megadtunk (mint p�ld�ul href="#aerolinks", href="#autolinks", �s �gy tov�bb) nem l�tez� c�lokra hivatkoznak. Vagyis az "aerolinks", "autolinks", "chemlinks" �s "eleclinks" azonos�t�k nem �rv�nyes referenci�k az aktu�lis oldalon.

    Egy t�nyleges megval�s�t�sban val�j�ban megl�v� hivatkoz�s referenci�kat adn�nk meg.

    Tekintse meg a m�dos�tott egy�ni HTML sablonf�jlt.

  2. M�solja �t az �j GIF f�jlokat a Host On-Demand k�zz�t�teli k�nyvt�rba.

    copy aero.gif c:\Program Files\IBM\HostOnDemand\HOD
    copy auto.gif c:\Program Files\IBM\HostOnDemand\HOD
    copy chem.gif c:\Program Files\IBM\HostOnDemand\HOD
    copy elec.gif c:\Program Files\IBM\HostOnDemand\HOD

  3. Mentse �s z�rja be az egy�ni HTML sablonf�jlt.

  4. �ll�tsa el� �jra a Bevezet�si var�zsl� kimeneti f�jlokat.

Az eredm�ny�l kapott weboldal al�bb l�that�. Ha t�nylegesen l�tez� hivatkoz�s referenci�kat adtunk meg, akkor az egyes k�pekre kattintva a b�ng�sz� a t�rs�tott hivatkoz�s referenci�ra ugrik.

Munkaasztal oldal k�p form�tum� hiperhivatkoz�sokkal

Vissza
Kezd�lap
K�vetkez�