Въведение в текстовата връзка HTML
HTML връзката може да бъде връзка или хипервръзка. Използва се за пренасочване към друга страница, изображение, уебсайтове, може да бъде всичко. Те също използваха навигацията на същата страница за конкретния раздел. Те използваха за изобразяване на данни, документи, само като щракнете върху тях. Просто увиваме документа си, изображенията, URL адреса или данните вътре в текста. Той може също да сочи към файл, обект или нещо на една и съща страница или на различна страница, в зависимост от изискването. Когато наведем мишката върху връзката HTML, тя променя курсора на някаква различна икона. Можем да обсъдим как работят и как да ги създадем в следващия раздел на нашата статия. В тази тема ще научим повече за HTML Text Link.
Синтаксис за HTML Link
Можем да следваме, за да създадем нашата първа HTML връзка от следния синтаксис по-долу. В дадения синтаксис по-долу ще използваме различен маркер, атрибути и съответните им свойства.
Link your corresponding text here
В горния синтаксис ние използваме маркера за котва, за да създадем html връзка или хипервръзка. Ще обсъдим подробно този маркер за котва.
Маркерът за котва е маркер, чрез който можем да прикачим или свържем нашия текст, фраза или дума, за да създадем външна или вътрешна връзка. Използвайки котва за маркери, ние създаваме URL в нашите страници, които могат да бъдат използвани за навигация до всяка друга страница, уебсайт или в същия раздел на страницата.
Използвайки котва на котва имаме много предимства, които са споменати по-долу.
- Организиране: Помага да се организират нашите данни. Не е необходимо да правим няколко уеб страници, също така не е необходимо да разделяме данните си на парчета за управление на целите, лесно можем да организираме данните си само на едно място.
- Без превъртане: Използвайки html линк или можем да кажем html вътрешни връзки, няма нужда да се притесняваме за превъртане на наистина дълги страници, можем просто да кликнете върху него, за да намерим желания раздел на същата страница. Така че лесно се намират всякакви данни или раздели на страницата.
Как да създадете котва за котва?
Както можете да видите в горния синтаксис, ние използвахме толкова много неща там, сега ще разгледаме по-отблизо как да създаваме и как работи.
По принцип се състои от три различни части (атрибут):
- атрибут href
- целеви атрибут
- име атрибут
1. атрибут href
Атрибут Href означава препратка към хипертекст. Да предположим, че искаме да създадем хипервръзка, така че първото изискване е адрес на документ, който може да бъде нещо като друг уебсайт, всеки файл като PDF и т.н.
So for example : Google
В това http://www.google.com е стойността, която приписваме на нашия атрибут href. Така че всеки път, когато кликнете върху Google, той ще ни пренасочи към връзката към началната страница в Google. Следователно атрибут href съдържа адреса на документа. Можем да споменем и нашата собствена HTML връзка към href.
Например
My page
2. целеви атрибут
Атрибутът target определя как ще се отвори документът. Той има много видове и можем да ги използваме според нашите нужди.
- _parent: Той просто отваря прикачения документ в родителската рамка.
- _blank: Отваря документа в новия раздел или прозорец.
- _top: Отваря прикачения документ в пълен прозорец.
- _ себе си: Отваря документа в същия прозорец или същия раздел, в който е щракнат. Тази цел по подразбиране е активирана. Можем да го модифицираме както по-долу:
Your Link text
Тук target = ”_ blank” е синтаксисът за използването му.
3. име атрибут
Атрибутът name се използва за прескачане или навигиране до някаква точка на страницата, което може да бъде полезно, когато имаме голяма страница с VRU с толкова много съдържание. Това помага да се спестят намирането и времето на потребителя без превъртане. Синтаксис по-долу:
or
В този e просто щракнете, за да отидете в края на страницата, без да превъртате надолу.
Section
Този браузър ще идентифицира секцията, но трябва да използваме (#) с атрибута име.
Link your text
По този начин можем да се позовем вътрешно на „заглавието“ на някоя друга страница. Тук също (#) трябва да се използва в края на адреса на страницата.
HTML връзка Цветове
Можем да предоставим цветове и за нашата HTML връзка. По подразбиране те имат три състояния за цвят на връзката, което ще се появи във всички браузъри.
- Активна връзка: Когато кликнем върху която и да е връзка, тя става активна връзка с подчертан и червен цвят.
- Непосетени връзки: Стандартният цвят на браузъра по подразбиране за незаписаните връзки е син и подчертан.
- Посетени връзки: Това са лилави и подчертани.
Но можем също така да предоставим нашите персонализирани цветове за свързване, използвайки по-долу синтаксис. Можем да следваме този различен тип, за да предоставим цвят на нашата връзка. Но тук използваме вграден CSS, ако искате можете да създадете и външен CSS.
- Посочете директно името на цвета.
- Използвайки HEX цветовия код.
- Чрез използване на rgb () и rgba () стойности.
- Чрез използване на стойности hsl и hsla ().
Red Link
В това можем директно да определим името на цвета в атрибута стил. Това е вграден CSS.
Red color code
Тук уточняваме цвета с помощта на цветови кодове. (HEX цветови кодове)
Red color
Можем също така да използваме RGB () стойности, за да определим цвета за нашите връзки. Можем да контролираме непрозрачността на цвета, като използваме rgb ().
Red color
Можем да заменим rbg () с rgba (), но трябва да посочим четвъртата стойност за прозрачност и непрозрачност.
Red color
Можем да използваме и HSL цвят нашата връзка. HSL основно означава оттенък, наситеност и лекота. Можем да използваме и HSLA с посочване на цвят, но трябва да предоставим още един параметър в hsla ().
Заключение - HTML текстова връзка
Така че в Сортиране използваме маркер за котва и неговите атрибути, за да създадем хипервръзката или връзката в HTML. HREF съдържа адреса на документа, целта, която отговаря за обработката на документа. Можем също да оцветим връзката ни с помощта на вграден или външен CSS.
Препоръчителни статии
Това е ръководство за HTML текстова връзка. Тук обсъждаме как да създадете котва за котва с цветовете на HTML връзката и синтаксиса за HTML връзката. Може да разгледате и следните статии, за да научите повече -
- HTML текстови редактори
- Връзка към изображение в HTML
- HTML форми за контрол на формуляри
- Версии на Html
- HTML рамки
- HTML блокове
- Задайте цвят на фона в HTML с пример