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