Преди да направите връзка в HTML, трябва да го направитеда разбера какво е и какви са те. Всяка връзка започва с маркера и се затваря с маркер . Потребителят показва само това, което е оградено между тези маркери. Браузърът не показва самата връзка. Това може да се види чрез задържане на мишката в лентата на състоянието.
Всички връзки могат да бъдат разделени според различни критерии и типове. Например, можете да разделите връзките по предназначение:
- в документа;
- на друга уеб страница;
- на различни файлове;
- до пощенски адреси.
В допълнение, втората и третата част могат да бъдат разделени на абсолютни и относителни адреси. За това малко по-късно. Сега помислете за най-простия случай.
Как в HTML да се направи връзката? За да направите това, можете да отворите бележник или друг редактор и да презапишете кода по-горе.
Резултатът е следният.
От какво се състои връзката?
Не забравяйте, че е необходима връзка:
- етикет за отваряне и затваряне;
- текст на връзката;
- атрибутът href, който посочва адреса, на който ще бъде изпратен потребителят.
Както можете да видите, първата фигура показва линковете pages / about.html. Това е относително позоваване. Във фигурата по-горе връзката започва с http: //. В този случай се използва абсолютната референция.
Ако не посочите затварящ маркер, то всичкиСледващият ще бъде продължение на тази връзка. Бъдете внимателни. Когато пишете кода, незабавно поставете етикета за отваряне и затваряне. Това е по-безопасно.
Как да направите снимка връзка в HTML?
Вместо текста в маркерите ... можете да посочите изображения. Тоест, ако потребителят кликне върху изображението, той ще кликне върху връзката ви.
Данный способ используется очень часто.Особено в менюто на красивите места. Дизайнерите на грим винаги мислят как да направят връзка към страница в HTML, преди да създадат дизайн на уеб сайт. По-точно, под каква форма всичко това се прави. В курса са всички начини, които уеб майсторът притежава. Ще разгледаме още малко.
Как в HTML да се направи връзка към файл?
В атрибута href можете да посочите препратки към файлове. Това обикновено се случва, когато зададете връзка, за да изтеглите файл (архив, филм, музика, книга, текстов файл и т.н.).
С други думи, можете да посочите нещо в адреса. Ако не е уеб страница, браузърът ще се опита да го изтегли.
Вътрешни референции
Сигурно сте посетили поне веднъж"Уикипедия". Съдържанието на статията е налице. А когато кликнете върху елемент, премествате се към съответната подпозиция. Такива връзки се наричат препратки в документ или в отметки.
Как в HTML да се направи връзка в страницата?
Това е много проста.Уточняваме връзките в текста с атрибута , но не посочваме href. Трябва да напишете атрибута за име и да посочите уникално име в документа. И на мястото, където посочвате препратките към тези бележки вътре в документа, в атрибута href първо пишете решетка, а след това и това уникално име.
Веднага щом браузърът види символа # в адреса, той разбира, че е необходимо да се позове на елемент в същия документ.
Връзки към електронната поща
Понякога трябва да посочите връзка към електронната поща. Можете да направите това.
След като кликнете върху тази връзка от потребителяще се отвори приложение за управление на поща. Това обикновено е стандартна Outlook. Но тази програма обикновено не е персонализирана. Следователно, обикновено имейл адресът е просто посочен под формата на текст.
атрибути
Ако разбирате как да направите връзка в HTML, препоръчваме да проучите останалите атрибути на маркера . Това е много важна информация. Помислете за най-основното:
- Атрибутът за заглавието - създава изскачащ наклон, когато се движи над връзката. Това е много удобно. Благодарение на това можете да предоставите допълнителна информация на потребителя.
- Целевият атрибут е мястото, където ще бъде зареден новият документ (уеб страница). Тук могат да бъдат следните стойности:
- _blank - ще се отвори нов прозорец на браузъра;
- _self - отваряне в текущия прозорец, това е стойността по подразбиране, не е необходимо да се посочва;
- _parent - зареждане в родителската рамка, ако няма такива, тогава атрибутът взема value_self;
- _top - Отменя всички рамки и зарежда страницата в пълния размер на браузъра. Ако няма рамки, тогава има аналогия с _self.
- Атрибут download.Благодарение на него можете със силно да изтеглите файла, определен в атрибута href. Този параметър няма стойност. Споменаваме само връзката към файла . Ако не посочите браузърът просто отваря снимката. В този случай той ще бъде изтеглен на компютъра.
Проектиране на връзки
Ако разбирате как да направите справка за картина вHTML, е желателно да се грижим за това, че изглежда нормално. По подразбиране около снимката, която представлява връзка, се показва рамка. Изглежда груб и грозен. Тъй като дебелината му е 3 пиксела.
Че не е така, трябва да посочите границата = "0". Тоест границата ще бъде нула. Ето една връзка от картината ще изглежда хубаво и приемливо. В противен случай ще плашите всички посетители на сайта.
заключение
Връзките на пръв поглед са много прост маркер. Но ако отидете по-надълбоко и разгледате всички видове връзки и атрибути, се оказва, че не всичко е толкова лесно и безоблачно.
Не забравяйте, че връзките са гръбнакът на World Wide Web. Без тях нямаше да съществува.
