Лекция №6. Сілтеме ретіндегі суреттер Гипермәтіндік байланыстар орнату. Бір құжат аймағында сілтемелер жасау

Web – парақтардың басқа Web – парақтарға қатысты сілтемелерінің болуы- World Wide Web жүесінің ең тартымды ерекшеліктерінің бірі. HTML құжаттарында гиппермәтіндік сілтемелерді құру өте жеңіл. Ол үшін атрибуты, яғни параметрі бар ашылатын <А...> және қарапайым жабылатын </А> тәгтері пайдаланылады. Жалпы сілтемелер жасаған кезде мынадай ережелерді есте сақтаған жөн.

1. Гипперсілтемелерді құрған кезде HREF= «...» атрибуты міндетті түрде қажет. Оның мәні сол сілтеме көрсетіліп тұрған файл атын немесе оның URL – адресінен тұрады. Сілтеме мәтін <А> мен </А> тәгтерінің арасына орналасады. Сілтеме броузерде бейнеленген кезде көбінесе оның асты сызылып, көк түспен бейнеленеді. Сол сілтеме сөздің үстіне курсорды қойып тышқанды шерту көрсетілген файлға немесе желі бойындағы URL – адреске көшуді қамтамассыз етеді. Гиппермәтіндік сілтемелер адрестен өзге кез келген файлды немесе адреске сәйкес. Web – парақты көрсету мүмкін.

Мысалы, мына жол:

<A HREF = «С: / Мои документы/ HTML»/файл> </A> экранға көк түспен боялған файл сөзін бейнелейді, сол сөзді тышқанмен шерту Менің құжаттарым бумасы ішіндегі Гүлім. НТМ файлна көшу әрекетін орындайды. Одан қайтып оралу үшін броузер аспаптар панелінің Кері қарай батырмасын шерту керек.

Төмендегі жол:

<A HREF = «dog. jpg»> ит </A>

экранға ит сөзін шығарады, оны шерту ағымдағы бумадағы сурет салынған dog. Jpg файлна көшу ісін атқарады.

Егер сілтеме көрсетіп тұрған Web – парақ басқа бір Web – торапқа орналасқан болса онда HREF =... атрибуты мәні ретінде сол құжаттың толық URL – адресі пайдаланады, оның ішіне хаттаманың атауы мен Web – тораптың адресі де кіреді. Осындай сілтемелер сыртқы сілтемелер депаталады. Мысалы, мынадай жол:

<A HREF = «http:// www. Microsoft. com»> Microsoft </A>

экранға Microsoft сөзін шығарып, оны шерту Интернет желісіндегі Microsoft компаниясының Web – парағының алғашқы бетіне көшуді қамтамасыз етеді. Егер сілтеме сол Web – тораптың басқа парағын көрсететін болса, онда құжаттың тек салыстырмалы жолан беруге болады. Мұндайда ішкі сілтеме құрылады. Ішкі сілтемелерді пайдаланған қолайлырақ, себебі Web – торапты басқа серверге ауыстырған кезде, жеке құжаттар адресіне өзгеріс енгізу талап етілмейді.

2. Гипперсілтеме ретінде сөз тіркесін ғана емес, суреттерді де пайдалануға болады. Суреттер мәтін сияқты сілтеме бола алады. Бұл үшін <IMG …>тәгі сілтемелерді анықтайтын <А> мен </А> тәктерінің арасында орналастырылады. Суреттік сілтеме көк түсті қоршаудың ішіне орналастырылады. Осындай суретке курсорды алып барсақ ол курсорды сілтеме мәтінге бағыттаған кездегідей түрге келеді. Осы тәсіл арқылы Web – парақтарда алардың бірінен біріне ауысудың графикалық батырмалары жасалады.

Мысалы:

<A HREF = «dog.htm»> <IMG SRC = «dog. gif» ></A> жолында <IMG SRC = «dog. gif» > тіркесі гипперсілтеме ретінде кішкене ит суретін береді де, оны шерту атты иттер туралы мәлімет беретін dog. gif файлына ауыстырылады.

3. Егер файл емес, оның мәтінінің ішіндегі басқа бір қажетті орынға алдын ала анкер орнатамыз. Сонда гиппермәтіндік сілтемелер сол парақ ішіндегі анкері бар белгілі бір орындыкөрсету мүмкін. Анкер құруға да <А> мен </А> тәгтері қолданылады, бірақ мұндайда HREF= «...»> атрибутына қосымша NAME= «...» атрибутын пайдалану керек. Ол тек латын әріптері мен сандардан тұрады да, олардың ішінде бос орын та4басы болмауы керек, бірақ соңғы броузерлер орыс әріптерін ала береді.

Мысалы:

<A HREF = «2.htm# AAA»> AAA анкеріне көшу </A>

<A NAME = «ААА» > Көшу орындалды </A>

жолдары 2 htm файлдағы ААА сөзінекөшіреді. Ал егер көріп отырған мәтін ішіндегі басқа бір 1.1 тіркесіне көшу үшін:

<A HREF = «# 1.1»> 1.1 анкеріне көшу </A>

<A NAME = «1.1» > </A> қатарларын жазу қажет.

Ескерту. Орнатылған анкерге сілтеме жасау үшін, URL – адресінен кейін # таңбасымен бөлінген анкер атауы көрсетілуі керек. Бір құжат ішіндегі анкер алдына адрес жазылмайды.

Гиперсілтемелер:

Сілтемелер түсі: