Как да вмъкнете хипервръзка в HTML? Създаване и използване на хипервръзки в HTML

Сега страницата посетителят вижда хипервръзката с удебелен шрифт на думата "Google".

абсолютни хипервръзки

Хипервръзки, които използват абсолютните URL-адреси на сайтове, които съдържат имена на домейни (.ru, .com, .org, .gov ), наречени абсолютни и имат следния синтаксис:

Протокол: // име на домейн / път на файла

Пример адрес широко разпространена в Америка търсачката: https://aol.com - абсолютно, тъй като съдържа .com домейн име.

Абсолютни хипервръзки се използват за навигация към страниците на други сайтове или за достъп до ресурси, разположени на друг сървър. Преходът се извършва чрез използване на интернет протокол. Протоколи - това не е темата на тази статия, но тъй като те участват в създаването на хипервръзки, вие най-малко трябва да ги спомена накратко:

• HTTP и HTTPS - най-често; за тях, за да превключите между уеб страниците на различни места;
• FTP - протокол за качване на файлове на сървъра или потребителят изтегля от сайта;
• за mailto - протокол за поща, който изпраща електронна поща директно от сайта, без да отивате до лична електронна поща.

Има няколко съобщения за специално предназначение (момче за всичко, Telnet), е доста рядко, използването на която се изискват специални знания в програмирането или системно администриране.

относителни хипервръзки

С относително адресиране, използването на хипервръзки в HTML кода, използван за преходи в живота и не води извън него. Ако страницата е толкова голяма, че работи вертикална лента за превъртане, понякога много дълго, като в речник, че е много удобно и подходящо да се използва относителни връзки, за да отидете на желаната буква.

Създаване на онлайн речник, програмист в началото на страницата има азбуката, и ако не е за използването на връзките, потребителят би трябвало много дълго време, за да завърти колелото на мишката, за да стигнем до буквата "I".

За създаване на относителна връзка чрез името на атрибута етикет:

Обратно към буквата I

където те нарича котва, докато Обратно към буквата I - котва дестинация. За правилното показване на котвите се препоръчва да се използват букви и цифри, така че не се пише "I", въпреки че това би било разбираемо.

Сега, че преходът от азбуката в началото на страницата, за да буквата "I", е необходимо да се направи котва клин в HTML-документа, който започва с буквата "I":

<А HREF = HTTP: // сайт / статия / 327992 /% C2% AB # те% C2% BB% 3E% D0% B1% D1% 83% D0% BA% D0% В2% D0% B0 I

в предната част на котвата стои знак номер, без които преходът към писмото няма да работи.

Относително адресиране при изграждане на уеб сайт

Удобен и най-често срещаната алгоритъм за създаване на софтуер сайт:

• Създайте папка на вашия компютър и разположението си на мястото за удобство на бърз достъп;
• създаване index.html в папката на началната страница;
• създаването на вторичен уеб страница (index.html / page2);
• Създаване на папка и да го поставите в графични файлове;
• Създаване на папка и да го поставите други обекти (файлове за изтегляне, например);
• запълване на съдържанието на сайта;
• поставяне на мястото на провеждане на файлове.

Задължително трябва да се използва за комуникационните връзки между елементите на сайта, и ще бъде много полезно да се знае как да вмъкнете хипервръзка в HTML към друга страница от същия сайт. Ако сайтът се намира в същата директория на същия сървър, не е необходимо да се използва абсолютно адресиране. При прехвърляне на файлове в сайта хостват връзката между обектите остане, защото те са домакин и ще бъдат поставени в същата директория.

Да предположим, че програмист е създал index.html сайт начална страница, която има връзка към друга страница page2.html, украсена с img.png картина. След относителния път към изображението ще изглежда така:

<А HREF = HTTP: // сайт /article/327992/%C2%AB/page2.html/img.png%C2%BB%3E%D0%BA%D0%B0%D1%80%D1%82%D0 % B8% D0% BD% D0% BA% D0% B0% 3C / а% 3E% 3C / P>

Съвет: в изследването на тази тема е най-добре да се използва обикновен текстов редактор поради причината, че е необходимо да се придобият умения за правилното изписване на преход адреси, както и да се научи да се разбере някой друг код. На този етап ще бъде добър резултат без грешка, написани на хипервръзка в тетрадка, HTML не прости им, и дава грешка.

Методи щракнете хипервръзка

По подразбиране, нова страница се отваря в текущия прозорец на браузъра, когато потребителят кликне върху линка. Но уеб програмист може да се промени по подразбиране и принуди отворите страницата, например, в нов прозорец. За тази цел има за цел атрибут с определена стойност. Никъде не е възможно да се изрази на масата.

Синтаксисът за прилагане атрибути се насочва:

Начало Google

Начало "Google" ще се отвори в нов прозорец.

Забележка: за да отворите страницата в нов раздел, няма стойност за този атрибут, и се задава от потребителя в настройките на браузъра.

Цветът на хипервръзки

Един опитен потребител на интернет, с течение на времето, трябва да сте забелязали, че хипервръзки са различни по цвят от околния текст, а те обикновено са сини. Линкове, на която той премина, и след това се върна към предишната страница, са люляк. С помощта на хипервръзки в HTML в нестандартни цветове малко, но заделя място сред другите.

Задава цвета на връзките в <тяло> таг използване на атрибутите и техните стойности, който служи HTML цвят в RGB система (# 00FF00) или с директна индикация за името на цвета ( «зелена»). Има три вида на атрибути за връзки:

• връзка - определя цвета на непосетени връзки;
• vlink - определя цвета на връзките, чрез които потребителят вече е изтекъл;
• alink - определя цвета на връзката при преминаване към друга страница. Той е бърз, така че не винаги може да се хване този ефект.

маркировка Пример:

Ако приложите тези атрибути в таг <тяло> позоваването на уеб документ ще бъде тъмно синьо, посетената - лилаво и активен - оранжево-червено.

графични хипервръзки

Напредъкът и развитието на уеб дизайн изисква да се знае как да вмъкнете хипервръзка в HTML като изображение. Ясно е, че на снимката трябва да съответства на съдържанието на целевата страница. Така например, на главната страница на лечебните растения могат да бъдат представени под формата на снимки на растения, като кликнете върху които потребителят ще се отвори страница, която описва лечебните свойства на растенията.

Широко използван начин за заместване на статични бутони (<дистанционната «бутон»>) в красиви графики, създадени от уеб дизайнер в графичен редактор (GIMP, Photoshop).

За да поставите графичен като хипервръзки на страниците на сайта използва същия синтаксис, но вместо да си текст с помощта графичен маркер чрез вмъкване на правилата на HTML:

<А HREF = HTTP: //fb.ru/article/327992/%C2%ABpage2.html%C2%BB%3E%3Cimg SRC = HTTP: // сайт / статия / 327992 /% C2% AB / изображения / img1 % C2% BB н = «майка подбел» ширина = "50» височина = «46»>

До таг , по същия начин, приложими атрибути посочване на алтернативен текст, ширина, височина и други.

Обажданията от уебсайта

HTML5 стандарт разширява функционалността на използването на Интернет, и сега можете да провеждате разговори не само от телефона, но директно от сайта. За тази цел можете да използвате и хипервръзки в HTML документ, и те имат следния синтаксис:

... парти ...

Вместо думата "партия" е предписано интуитивен контакт повикващия в телефонния указател. Можете също да поставите графичен файл (снимка на потребителя).

Това обаждания са отправени към сайта, трябва да имате не само препратка към телефонния номер на абоната, но и слушалки (микрофон, слушалки), инсталиран на вашия компютър VoIP-програма, интернет трябва да надвишава 0,5 MB / сек. Плащане за изходящи повиквания по потока на трафика. Ето защо, ако Интернет е неограничен, разговорите са безплатни.

Етика създават хипервръзки

Чрез поставянето на сайта в Интернет, уеб администраторът трябва да знаят какви са хипервръзки в HTML, а не само правото да ги използват в професионален план, но също така и да отговаря на следните условия:

• Хиперлинкът трябва да бъде поставен на видно място, различно от заобикалящата го текст. Потребителят трябва да знае, че това е - хипервръзка.
• Потребителят трябва да е ясно къде ще получите, като кликнете върху линка. За да направите това, то е препоръчително да се използва повече от заглавието атрибут, който накратко описва страницата за реализация. Синтаксис на прилагане атрибут е:

Yandex

• Потребителят трябва да получи точна информация за файла, ще се изтегли, когато кликнете върху линка.

След като не е очакваната страница или чрез изтеглянето на грешен файл, потребителят е 99% от незабавно напуснете сайта и никога върху него не слезе в бъдеще.

Anti-Seo за създаване на хипервръзки

В допълнение към техническата страна на въпроса, как да вмъкнете хипервръзка в HTML, трябва да се подчертае още и морален аспект. Има много сайтове, до които достъпът е блокиран потребителите към софтуера за сигурност (Antivirus) или дори държавата. Това са сайтовете, които са създадени по нечист уеб програмисти страна.

Един от триковете, към които прибягват - е да поставите "невидим" хипервръзка на уеб страница. Измамници знаят как да създадете хипервръзка в HTML, както и използването на долна атрибут за отстраняване на линкове и я възлага на цвета на околния текст така, че средният потребител не я види. И с помощта на други инструменти за уеб технологии (CSS, JavaScript, PHP) може да се програмира поведението си. Така например, поставяне на показалеца JavaScript език събитие активира ефекта на елементи в уеб страницата. Когато потребителят държи курсора невидима връзка, той се качва на рекламни страници на други сайтове на. Или още по-лошо, когато има невидима връзка към файл на компютъра си и започва да се изтеглят и инсталират ненужен софтуер. Обикновено, вирус, който се променя началната страница на браузъра, боклук на твърдия диск и други масови програми.

Скоро такива сайтове попадат в "черния списък" на вирусната база данни, сигурността и околната среда от интернет потребителите. Тези сайтове не траят дълго, и те трябва да се сменят имената си, за да мигрират до безкрайност в интернет, промяна на доставчика домакин. Това не е благоприятна за популяризирането на даден сайт, към който винаги се стреми своя създател, никога не го правят megaportals, като например социалните мрежи. Наред с другите неща, тези трикове предизвикват много негативни емоции в жертви на тези човешки действия.