- <a> және оның атрибуттарын байланыстырыңыз
- Файлды қотару үшін сілтеме жасау
- Салыстырмалы және абсолюттік сілтемелер, олардың айырмашылығы
Сәлеметсіз бе, құрметті оқырмандар Uspei.com. Осы қысқа сабақта сілтемелер жасау технологиясын үйренуге уақыт бар. Html-дегі сілтемені кірістіру үшін, кодқа ауысайық біздің беттің және «http://www.howtocorp.com/typepilot» мәтінін табыңыз. Менде 73 құжат бар. Бұл файлды біздің пайдалана отырып ашуға болады мәтіндік редактор Блокнот ++ .
<a> және оның атрибуттарын байланыстырыңыз
Енді осы мәтіннен бұрын сілтеме жасайтын <a> тегін ашыңыз. Бұл жұп тегі, осылайша біз тегті бізбен аяқталатын жерде жабуымыз керек.
<a> http://www.howtocorp.com/typepilot </a>Енді <a> тегіне атрибуттарды тіркеу керек, себебі оларсыз браузер біздің сілтемемен не істеу керектігін түсінбейді. Сілтеме - href үшін бірінші қажетті төлсипатты тіркеңіз. Бұл сілтеме үшін негізгі төлсипат. Бұл сілтеме қайда әкелетінін көрсетеді. Біздің жағдайда сілтеме http://www.howtocorp.com/typepilot сайтына әкеледі. Сондықтан, біз оны href атрибуты үшін жазамыз.
<a href="http://www.howtocorp.com/typepilotince http://www.howtocorp.com/typepilot </a>Енді шолғышта не істегенімізді көрейік.
Көріп отырғанымыздай, мәтін байланысқа айналды. Егер сіз осы сілтемені бассаңыз, ол мүлдем басқа бетті жүктейді. Және ол біздің бетіміздің орнына назар аударады! Бұл әрдайым ыңғайлы емес, өйткені Басқа сайтқа сілтеме жасайтын келушіні жоғалтуыңыз мүмкін. Сондықтан сілтемелер үшін мақсатты атрибуты бар. Егер осы сілтемені жаңа терезеде ашуды қаласаңыз, _ бос мәнін орнату керек.
<a href="http://www.howtocorp.com/typepilot express_==_blueface> http://www.howtocorp.com/typepilot </a>Міне, біздің сілтеме коды ұқсас болады. Егер біз браузерде біздің бетті жаңартатын болсақ, сілтемеге басу біздің бетті ашық қалдыратындығын және сілтемедегі бет басқа қойындыда немесе терезеде ашылатынын көреміз.
Сілтеме үшін басқа атрибуты - кез келген тегтермен бірге қолданылатын әмбебап атрибут. Бұл атрибут кеңеске жауапты. Пайдаланушыны осы сілтемені алып жатқызуға жиі шақыру қажет. Сілтеме үстіне меңзегенде, ұштауы керек. Бұл атрибутты сілтемеге жазайық.
<a href=eshttp://www.howtocorp.com/typepilot "target= "_blank әйгілі title = tR typeRеР »тип Pilotina> http://www.howtocorp.com/typepilot </a>Енді біз браузерде шығарылатынымызды сақтап, тексереміз. Сілтеменің үстіне тінтуір меңзерін апарғанда, бізде кеңес бар.
Артқа индекс ↑Файлды қотару үшін сілтеме жасау
Енді файлдарды жүктеу мүмкіндігін беретін сілтемелерді қалай жасауды үйренейік. Ол үшін бізге кейбір файл қажет. Мысалы, сіз бұл файлды қотарып ала аласыз. Егер файл жүктелмеген болса және жаңа қойындыда ашылған болса, тінтуірдің оң жақ түймешігімен нұқып, «басқаша сақтау» дегенді нұқыңыз.
Сілтеме time.pdf
Төмендегі сілтемесін осы мақаланы pdf форматында жүктеп алу үшін жасайық. Бірақ, алдымен, біздің файлдарымызға бөлек каталог жасап, оны файлдар деп атайық . Бұл қалтада біздің файлды time.pdf орналастырамыз.
Содан кейін, <body> тегін жаппас бұрын файлды кодпен және ең түбінен ашыңыз, ежені жасаңыз:
<p> Бұл мақаланы pdf форматында жүктеңіз </ p>Файлды сақтап, параграфтың пайда болғанын тексеріңіз.
Бір параграф пайда болды, ал қазір біздің міндетіміз - бұл параграфты жүктеу файлына сілтеме жасау. Мұны істеу үшін біз <a> тегіне параграфты қосамыз. Тег үшін href төлсипатын тағайындаймыз және ол үшін бетке сілтеме емес, белгілі бір файлға сілтеме жасаймыз.
<p> <a href="files/time.pdf services> Бұл мақаланы pdf форматында жүктеңіз </ p>Енді, біздің файлды сақтап, оның жұмысын шолғышта тексерсек, онда сілтемеге басқанда, файлды жүктей бастаймыз.
Артқа индекс ↑Салыстырмалы және абсолюттік сілтемелер, олардың айырмашылығы
Айта кету керек, бұл жағдайда салыстырмалы сілтемені көрсеттік, яғни, Бізде болатын сілтеме index.html құжатына қатысты.
Енді абсолюттік сілтемені келтірейік. Сізге мұндай сілтеме арқылы сайттың басталуынан бастап жол толығымен көрсетілгенін еске салайын. Мысал:
<a href="http://www.howtocorp.com/typepilot> Мында басыңыз </a>Бұл сілтемеде жол жолдың атымен, содан кейін қалтадан көрсетіледі. Осы сілтемені басу осы сайтта орналасқан index.html файлын жүктейді. Бұл жағдайда, әрине, қалта атауынан кейін нақты бетті көрсету мүмкін болды. Есте сақтаудың басты себебі - абсолюттік сілтеме сайтпен басталады және файл немесе қалтаға толық жолды көрсетеді.
Сонымен, біз html құжатындағы сілтемелерді құру процесін қарастырдық, <a> тегіне арналған төлсипаттармен айналысып, сілтемелерді басқа беттерге ғана емес, нақты файлды жүктеуді де үйрендік. Біраз уақыттан кейін біз талқылаймыз сілтемелерді қалай пайдалануға сайтты жоғарғы жағына .
Кездескенше! Әрқашан және әрдайым Uspei.com блогының беттерінде жасаңыз
Жобаға көмек - Яндекс.День арнасына жазылыңыз!