КомпьютерПрограмчлалын

HTML-д гиперлинк хэрхэн оруулах вэ? Бий болгох болон HTML-д холбоосуудыг ашиглах

Hypertext бусад текст холбоосуудыг агуулсан текст юм. Жишээ нь энэ нь гадаад хэл дээр текст олж байгаа бол, номын хуудасны доод талд буй цогц тодорхойлолт эсвэл орчуулга тайлбар дээр зохиогчийн тэмдэглэл байна. Интернэт сайт хипертекст цогц систем нь нэг хуудас нь хуудасны өөрөө дотор өөр үсэрч, бас холбоогүй нэг нэрэн дор нөөц хооронд байдаг. Ийм бүтэц, практик юм их цаг хэмнэнэ зочин хурдан танд хэрэгтэй мэдээлэл олж авах, мөн шилжилтийн олон тооны алдсан авах байх нь олгодог.

Insert Холбоос

HTML-д тодорхойлогч (хаяг) , зөв газарт оруулж байна ашиглан холбоосуудыг оруулах. Ихэвчлэн энэ нь өөрөө нэг Холбоос текст бүтэц нь текст дунд байна. Гэвч холбоосууд илүү график (дүрс, товч, зураг) байна; Тэдний цаашид хэлэлцэх болно. вэб хуудсан дээр тэдний байршил текст хязгаарлагдмал биш юм, харин загвар нь шийдвэр гаргагч газар дээр нь шалтгаална.

Нүүр хуудас Google-ийн

Энэ тагийн тээвэрлэж байгаа HTML-баримт бичигт гиперлинк хэрхэн оруулах тухай жишээ юм. Сайтын зочид тойрсон текстийн (өнгө HTML-холбоосууд юу ч байж болно) нь өнгө нь өөр өөр байдаг доогуур зураастай текстүүд харах болно, "Google нүүр хуудас" гэсэн дээр дарж, тэр гэртээ хуудас, "Google" хайлтын систем нь авах болно. Энэ холбоос нь текст шилжилтийн явуулна хаана тухай мэдээллийг агуулсан байх ёстой гэдгийг тэмдэглэх нь зүйтэй. Энэ зарчмыг дагаж ба дүрэм гэж авч үзэх ёстой!

хаяг бүтэц ...

Шаардлагатай хаалтын хаяг : хоёр дахин - Та тэр хаяг анзаарч болох юм.

href - хаяг шинж чанар нь холбоос очих заана.

https://google.com/ - шинж чанар үнэ цэнэ, шилжилтийг хийх нь нөөцийн URL-хаягийг хавсаргана. Энэ нь хоёр, эсвэл ганц ишлэл юм. Энэ нь HTML дүрэм үүрлэх тагийн бүтэц хамаарна.

Нүүр хуудас Google-ийн

бүхэл бүтэн бүтэц вэб баримт бичгийн элемент юм.

HTML-ийн дүрэм ёсоор, зарим элементүүд нь бусад элементүүдийг агуулж болно. Tag ямар ч онцгой тохиолдол . програмист тод үг Google-д онцлон хэрэгтэй бол та түүвэрлэсэн хаягууд дарааллаар текст загварчлах, ерөнхий журмын дагуу хаяг ашиглан үүнийг хийх. Webmaster өөрөөр тэд ажиллахгүй байх нь HTML алдаа ангид нь гиперлинк хэрхэн үүсгэх мэдэх ёстой. Компьютерийн хоч, эвдэрсэн холбоосууд "зодуулсан" гэж нэрлэдэг.

гол хуудас Google-ийн

Энд: элемент

гол хуудас Google-ийн

Энэ нь түүвэрлэсэн агуулсан

Google-ийн

Одоо хуудас зочин үгийг "Google" тод текстээр гиперлинк хардаг.

үнэмлэхүй холбоосуудыг

домэйны нэрүүдийг агуулсан сайт үнэмлэхүй URL-хаягуудыг ашигладаг холбоосуудыг (.ru, .com, .org, .gov ), үнэмлэхүй гэж нэрлэдэг бөгөөд дараах бичлэгийг байна:

Протокол: // файлын домэйн нэр / зам

АНУ-ын хайлтын хөдөлгүүрт өргөн Жишээ хаяг: https://aol.com - үнэмлэхүй, энэ домэйн нэр .COM агуулсан оноос хойш.

Туйлын холбоосуудыг бусад сайтуудын хуудсыг навигац хийх эсвэл өөр сервер дээр байрласан эх үүсвэрүүдэд хандаж ашигладаг. Шилжилтийн интернэт протокол ашиглан гүйцэтгэж байна. Протоколууд - энэ нь энэ зүйлийн сэдэв биш юм, харин тэд холбоосуудыг бий оролцох гэж, та наад зах нь товч тэдгээрийг дурдах ёстой:

  • HTTP болон HTTPS - хамгийн түгээмэл; Тэднийг өөр өөр сайтууд вэб хуудас хооронд шилжих нь;
  • FTP - сервер, эсвэл сайтаас хэрэглэгчид татаж авах файлууд оруулах нь протокол;
  • mailto - и-мэйл хувийн и-мэйлээр гэж ямар сайтаас шууд илгээдэг мэйл протокол.

тусгай зориулалтын (Gopher, Telnet) хэд хэдэн тайлан байдаг бөгөөд хэрэглээ програмчлалын эсвэл системийн захиргааны тусгай мэдлэг шаардсан, маш ховор байдаг.

харьцангуй холбоосуудыг

харьцангуй асуудлыг шийдвэрлэх, мөн амьдралд шилжилтийн хэрэглэгддэг HTML-д холбоосуудыг ашиглах Хэрэв цааш хүргэж байна. хуудас босоо гүйлгэх, заримдаа толь бичиг шиг маш урт, зэрэг ажилладаг болохоор том бол, энэ нь хүссэн үсэг үсэрч харьцангуй холбоосыг хэрэглэхэд тун тохиромжтой, тохиромжтой.

Онлайн толь бичиг, хуудасны эхэнд программист үүсгэх цагаан толгой бөгөөд холбоосууд ашиглах биш бол хэрэглэгч захидал "Би" авах нь хулгана дугуйг эргэх нь маш урт удаан цаг хугацаа байсан юм.

шинж чанар нэрийн хаяг ашиглан харьцангуй холбоос үүсгэхийн тулд:

үсэг би рүү буцах

зангуу очих - Я байхдаа бичсэн захидалдаа би Буцах Give, түшиг тулгуур гэж нэрлэдэг хаана. зангуу зөв дэлгэц хувьд үсэг, тоо ашиглах, тийм болохоор, "би" гэж бичиж байхгүй бол энэ нь ойлгомжтой байсан хэдий ч санал болгож байна.

Одоо захидалдаа "Би" гэж хуудасны эхэнд цагаан толгойн шилжих гэж, энэ нь HTML-баримт бичиг, захидал "Би" эхэлдэг нь зангуу дэгээг хийх шаардлагатай байна:

зангуу өмнө хэд хэдэн шинж тэмдэг бөгөөд ямар үсэг шилжилтийн ажиллах боломжгүй байна.

вэб сайт бүтээх үед харьцангуй асуудлыг шийдвэрлэх

Тохиромжтой, програм хангамжийн сайтыг бий болгох хамгийн түгээмэл алгоритм:

  • таны компьютер, хурдан хандах нь тав тухтай байдлыг хангах газар дээр нь түүний байршил дээр хавтас бий болгох;
  • Нүүр хуудас хавтсан дахь index.html бий болгох;
  • хоёрдогч вэб хуудсанд (index.html / page2) бий болгох;
  • Хавтас болон дүрс файл үүнийг байрлуулах бий болгох;
  • фолдер үүсгэх болон бусад эд зүйлс (жишээ нь файлуудыг татаж авах) байрлуулах;
  • сайтын агуулгыг дүүргэлт,
  • файлуудын зохион дээр сайтад байрлуулах.

Заавал сайтын элементүүдийн хоорондын харилцаа холбоог ашиглах ёстой, мөн сайтын өөр хуудас руу HTML-д гиперлинк хэрхэн оруулах мэдэх нь маш их ач холбогдолтой байх болно. сайтын нэг сервер дээр ижил санд байрлах бол шийдвэрлэхэд туйлын ашиглах ямар ч шаардлага байхгүй. Тэд зохион байгуулж байна, учир нь обьектуудын хоорондын холбоог зохион сайт руу файл шилжүүлэх үед хэвээр, ижил санд байрлуулж болно.

програмист нь гэр хуудас index.html сайт, өөр нэг хуудас page2.html холбоосыг бий зураг img.png чимэглэсэн, бий болгож байна гэж бодъё. Дараа нь дүр төрх харьцангуй зам иймэрхүү харагдах болно:

Зөвлөгөө: Энэ сэдвийн судалгаа нь шилжилтийн хаяг зөв дүрмийн хэлний түвшин тогтоох эзэмшүүлэх, өөр хэн нэгний кодыг ойлгож сурах нь чухал шалтгаан нь энгийн текст засварлагчийг ашиглах нь тохиромжтой байдаг байна. Энэ үе шатанд ямар алдаа бичсэн дэвтэр нь хайперлинк HTML тэднийг уучилж чадахгүй вэ сайн үр дүн байж, алдаа өгдөг болно.

Арга гиперлинк товшино уу

Анхдагч горимондоо, шинэ хуудас хэрэглэгчийн холбоос дээр дарах үед одоогийн хөтөч цонх нээгдэнэ. Харин вэб програмист анхдагч, жишээ нь, шинэ цонхноо өөрчилж, хуудсыг нээж хүчээр болно. Энэ зорилгоор тодорхой түүний үнэ цэнэ нь зорилтот шинж чанар байдаг. Хаана ч энэ хүснэгтийг илэрхийлэх боломжтой юм.

зорилтот шинж чанарын утга
_blank шинэ браузерыг цонх хуудсыг нээж
_self Одоогийн цонх (анхдагч орчинд) -д хуудсыг нээлээ
_parent эцэг, эх, хүрээнд хуудсыг нээлээ
_top хүрээнүүдийг ашиглан тэднийг бүгдийг нь хүчингүй болгож, одоогийн хөтөч цонх хуудсыг нээж

шинж чанаруудыг хэрэглэх синтакс зорилтот:

Нүүр хуудас Google-ийн

Нүүр хуудас "Google" шинэ цонх нээх гэж байна.

Тайлбар: Шинэ таб-д хуудсыг нээж, энэ шинж чанар нь ямар ч утга байхгүй бөгөөд хэрэглэгч вэб хөтчийн тохиргооноос тогтоосон байна.

холбоосуудыг өнгө

цаг хугацааны туршлагатай интернэт хэрэглэгч, холбоосуудыг тойрсон текст нь өнгө нь өөр өөр байдаг гэдгийг анзаарсан байх ёстой бөгөөд тэдгээр нь ихэвчлэн цэнхэр байдаг. Тэрээр өнгөрч буй талаар, дараа нь буцаж өмнөх хуудас уруу явж холбоосууд, голт борын байна. стандарт бус өнгө нь арай онд HTML-д холбоосуудыг ашиглах, харин бусдын дунд сайтад хуваарилна.

RGB систем (# 00FF00) болон өнгө нэрийг шууд заалт ( «ногоон») нь HTML өнгө үйлчилдэг шинж чанаруудыг болон тэдгээрийн утгуудыг ашиглан <биеийн> тагийн дахь холбоосын өнгө, тогтоодог. холбоосууд шинж гурван төрөл байдаг:

  • холбоос - unvisited холбоосууд өнгийг тодорхойлдог;
  • vlink - хэрэглэгчийн дамжуулан аль хэдийн өнгөрсөн байна холбоосууд өнгийг тодорхойлно;
  • alink - өөр хуудсанд шилжих холбоос өнгийг тодорхойлно. Энэ нь хурдан бөгөөд, тиймээс та үргэлж энэ үр барьж чадахгүй.

Жишээ тэмдэглэгээ:

Та хаяг <биеийн> эдгээр шинж чанаруудыг хандах бол, вэб баримт бичгийн лавлагаа хар хөх өнгийн байх болно зочилж - нил ягаан, идэвхтэй - улбар шар-улаан.

график холбоосуудыг

Ахиц дэвшил, вэб дизайн хөгжлийн нэгэн дүр төрх гэж HTML-д гиперлинк хэрхэн оруулах мэдэх шаардлагатай. Энэ зураг очих хуудасны агуулгыг нийцсэн байх ёстой нь тодорхой юм. Жишээ нь, эмийн ургамал гол хуудас нь хэрэглэгчийн эмийн ургамлын шинж чанарыг тайлбарлах хуудас руу явна аль дээр дарж, ургамлын зураг хэлбэрээр танилцуулсан болно.

Өргөн хэрэглэгддэг арга нь график засварлагч (GIMP, Photoshop) вэб дизайнер бүтээсэн үзэсгэлэнт график дээр статик товч (<оролтын төрөл = "товчийг»>) солих.

сайтын хуудсууд дээр холбоосуудыг ижил зарчмыг ашигладаг, харин текст HTML дүрмийг оруулан дүрс хаяг ашиглан зэрэг график оруулах:

Гэхэд <Энд таны сурталчилгаа байрлана> тагийн адил арга замаар холбогдох шинж чанарууд нь өөр текст, өргөн, өндөр, бусдад зааж өгөх хэрэгтэй.

вэб хуудас авсан дуудлага

HTML5 стандарт Интернет ашиглах ажиллагааг өргөжүүлж байна, одоо та нар утаснаас ч шууд сайтаас нь зөвхөн дуудлага хийх боломжтой. Энэ зорилгоор, та бас HTML баримт бичигт холбоосуудыг ашиглаж болно, мөн тэд дараах бичлэгийг байна:

... намын ...

Харин үүний оронд үгийг "этгээд" утасны дэвтэр нь хялбар дуудлагын холбоо тогтоосон байна. Та бас график файлыг (хэрэглэгчийн фото) байрлуулж болно.

дуудлага сайт руу хийсэн бол, та захиалагч утасны дугаар руу нь зөвхөн лавлагаа, гэхдээ бас чихэвч (микрофон, чихэвч) нь таны компьютер VoIP-програм дээр суулгасан байх ёстой, интернэт хурд 0.5 MB / с хэтрэхгүй байх ёстой. Дуудлагын төлбөр урсгалыг хийсэн байна. Тиймээс, Интернэт хязгааргүй юм бол, дуудлага үнэгүй байдаг.

Ёс зүйн холбоосуудыг бий болгох

Интернэт дэх сайтад тавьж, Webmaster зөвхөн зөв биш мэргэжлийн тэдгээрийг ашиглах HTML-д холбоосуудыг байдаг ямар төрлийн мэдэх ёстой бөгөөд, харин дараах заалтыг баримтална:

  • Холбоос нь хүрээлэн буй текстээс ялгарахын амархан харагдах, өөр өөр байх ёстой. нэг Холбоос - хэрэглэгч юм гэдгийг мэдэх ёстой.
  • Тэр холбоос дээр дарж авах болно бол хэрэглэгч нь тодорхой байх ёстой. Үүнийг хийхийн тулд илүү шинж чанар гарчиг, товчхоноор хувиргах хуудсыг тайлбарлах ашиглах нь зүйтэй юм. хэрэглээний шинж чанарын синтакс нь:

Yandex

  • Хэрэглэгчийн авах ёстой Та холбоос дээр товшино уу үед файлын тухай үнэн зөв мэдээллийг татаж авах болно.

Дараа хүлээгдэж буй хуудас юм уу эсвэл буруу файлыг татаж авч, хэрэглэгчийн нэн даруй орхиж сайтын 99% нь, хэзээ ч үүн дээр ирээдүйд доош явж болохгүй байсан юм.

Anti-Seo холбоосуудыг бий болгох

HTML-д гиперлинк хэрхэн оруулах асуултад техникийн талаас гадна, илүү болон ёс суртахууны асуудлыг онцлон тэмдэглэсэн байх ёстой. хандахын тулд аюулгүй байдлын програм хангамж (Antivirus), эсвэл бүр улсын хэрэглэгчдийг хааж байгаа маш олон сайт байдаг. Эдгээр бузар вэб программистууд гар дээр бий болсон байна сайтууд байдаг.

Тэд амралтын аль нь аргуудын нэг нь - Вэб хуудсан дээр "үл үзэгдэгч" гиперлинк оруулах явдал юм. Scammers HTML-д гиперлинк хэрхэн бий болгож, холбоог аваад, эргэн тойрон дахь текстийн өнгийг зааж Ингэснээр дундаж хэрэглэгч түүнийг харж чадахгүй вэ гэж доогуур шинж чанарыг ашиглах нь мэднэ. Мөн өөр бусад вэб технологи багаж хэрэгсэл (CSS, JavaScript, PHP) тусламжтайгаар тэдний зан програмчилж болно. Жишээ нь, OnMouseOver JavaScript хэлний үйл явдал вэб хуудсанд элементүүдийн нөлөө идэвхжүүлнэ. Хэрэглэгч нь үл үзэгдэх холбоосоор нь курсорыг эзэмшдэг бол, тэр нь бусад сайтууд зар сурталчилгааны хуудсан дээр авдаг. Эсвэл бүр муу, хэзээ ч өөрийн компьютер дээр файл нь үл үзэгдэх холбоос бөгөөд татаж авах болон Хэрэгцээгүй програм хангамжийг суулгаж эхлэв. Ерөнхийдөө хөтөч нүүр хуудас, хог хатуу диск болон бусад олон нийтийн хөтөлбөрийг өөрчлөгдсөн вирус.

Удалгүй ийм сайтууд вирус мэдээллийн сан, аюулгүй байдал, интернэт хэрэглэгчдийн орчны "хар жагсаалт" руу унаж. Ийм сайтууд нь удаан үргэлжлэх байхгүй бол, тэд эзэн үзүүлэгчийг өөрчлөгдөж, интернэт дээр эцэс төгсгөлгүй шилжих нь тэдний нэрийг өөрчлөх хэрэгтэй. Энэ нь тухайлбал, жишээ нь, нийгмийн сүлжээ сайт дэмжих, энэ megaportals үргэлж түүний зохиогч эрж хайдаг бөгөөд тулд хийж хэзээ ч таатай биш юм. Бусад зүйлийн дотор эдгээр заль мэх нь эдгээр нь хүний үйл ажиллагааны хохирогч олон сөрөг сэтгэл хөдлөлөө шалтгаан болдог.

Similar articles

 

 

 

 

Trending Now

 

 

 

 

Newest

Copyright © 2018 mn.atomiyme.com. Theme powered by WordPress.