Хипервръзката е подчертан текст, който ви отвежда до уебсайт само с едно щракване. Поставянето на хипервръзки е доста просто, благодарение на наличните инструменти за уеб дизайн. Но също така може да помогне да знаете как да вмъкнете връзка, използвайки HTML.
HTML връзка Различни уеб страници
По едно време, ако искате да проектирате уебсайт, трябваше да знаете език за маркиране на хипертекст. Това е доста прост език за програмиране, който можете да научите, но освен ако не искате да сте професионален уеб дизайнер, не е нужно да сте експерт по HTML. Вече има много инструменти, включително безплатни, които ще се справят с всички тези неща вместо вас.
Ако използвате WordPress или инструмент за дизайн на уебсайт, трябва да има начин да създадете връзка, като кликнете върху бутон „Връзка“.
Ако експортирате HTML файл от документ на Office, Control + K е клавишната комбинация за управление на хипервръзки. Просто маркирайте текста, който искате да насочите към другия сайт, натиснете Control + K и го поставете целевия URL адрес. Можете също да премахнете и редактирате хипервръзката си, като маркирате свързания текст и изберете Control + K.
Ако сте по-скоро човек, базиран на мишка, можете също да вмъквате и актуализирате хипервръзки, като използвате лентата с менюта в горната част на документа. Изберете Вмъкване и Хипервръзка. Ще получите същото поле, което бихте получили, ако сте използвали клавишните комбинации, което ви подканва да въведете целевия URL адрес.
Връзка с помощта на HTML
Възможно е да има случаи, при които нямате лесен начин да добавите връзка. В този случай можете лесно да добавите HTML хипервръзка. Не е необходим пълен клас, за да научите HTML. Доста е лесно да се научи. Кодът просто изисква HREF, връзката, текста, за да върви с връзката и спирка. Например: Вашият сайт.
Ако сайтът, който свързвате, е част от вашия собствен уебсайт, няма да е необходимо да въвеждате пълния URL адрес за вашия HTML връзка. Ако свързвате например вашата биография, бихте я написали като: Моята биография. Ако използвате инструмент за проектиране като WordPress и кликнете върху Вмъкване на връзка опция, обикновено ще получите падащо поле, което включва всичките ви страници, за да можете просто да изберете и да изберете Добавяне на връзка.
Свързване на изображение
A текстова връзка не е единствената опция за уебсайтове. Вашите изображения също могат да се свързват. Можете да направите това лесно в програма за дизайн на блог или уебсайт, като просто вмъкнете снимката, подчертаете я и използвате инструмента за връзка към добавете хипервръзка към него.
Ако свързвате снимка с помощта на HTML, ще използвате същия код, който бихте използвали, както ако показвате текст, а не снимка. В този случай обаче ще замените текста с кода за препратка към вашата снимка. Така би било:.
Настройване на навигация в сайта
Ако изграждате уебсайт, най-важното текстова връзкаs на която и да е от вашите страници са тези, които водят към други ваши страници. Навигация в сайта често се извършва чрез падащо поле, намиращо се в горната част на всяка страница. Инструментите за уеб дизайн улесняват това, като ви позволяват просто да изберете дали страницата, която добавяте, да бъде основна страница или вторична страница, която излиза от една от основните ви страници.
Ако искате сами да изградите навигацията на сайта си, ще ви е необходим по-усъвършенстван език, наречен CSS. Можете да направите навигацията на вашия сайт вертикална или хоризонтална и да го накарате да пада или да е статичен. Макар че CSS е по-сложен отколкото HTML, можете да вземете кода, от който се нуждаете онлайн, и да го поставите в изходния код на уебсайта си.
Хипервръзки за отметки
Не винаги вашите хипервръзки трябва да сочат към отделен уебсайт или дори към отделна страница на вашия собствен уебсайт. Те могат да се използват и за пренасочване на посетителите ви към друг раздел на същата страница. Това често се вижда в дълги статии или публикации в блогове, където отгоре има съдържание и потребителите кликват върху всеки елемент, за да отидат директно в съответния раздел.
Тези хипервръзки работят подобно на отметките в документ на Word. Можете да ги създадете, като използвате предпочитания от вас инструмент за уеб дизайн или да кодирате HTML връзка както направихте, когато свързвате към други страници. За да създадете връзки, които изпращат посетители към други раздели на страница, първо ще трябва установете отметка във вашето копие, използвайки атрибута „id“. Така че би било „
Първа отметка
.След като настроите своя отметка, ще отидете в горната част на страницата си и ще добавите тази връзка. Кодът за това би бил: Преминаване към първа отметка. Когато някой кликне върху текста Направо към първа отметка, тази връзка ще премине направо към раздела, където сте поставили своя отметка.
Използване на целевия атрибут
Един проблем с настройването на HTML хипервръзка на вашия сайт е, че отнема посетителите ви. Шансовете те да бъдат щракнати обратно към вашия сайт, след като са били пренасочени другаде, не са големи, което означава, че може да загубите хора в „заешката дупка“, в която интернет може бързо да се превърне.
Използване на нещо, наречено целевия атрибутобаче можете да контролирате как дадена страница се отваря, когато някой кликне върху някоя от вашите връзки. Обикновено това може да стане с помощта на инструмент за уебсайт, като само щракнете върху квадратче. Ако кодирате уебсайта си с помощта на HTML, атрибутът отива директно след URL адреса ви, така че ще бъде: Вашият сайт. Атрибутът _blank отваря документа в нов прозорец.
Осъществяване на котвени връзки
Какво ще стане, ако искате да насочите посетителите на сайта си към определено място по средата на същата страница? Този тип HTML хипервръзка е изпълнимо, но малко по-сложно от простото свързване. Първо ще трябва да настроите целта си, което означава да отидете в областта на страницата, която искате да свържете. Създайте име за него и поставете кода Обект, който свързвате. Заменете „name“ в този пример с всяко име, което сте избрали.
След като вече сте настроили своя маркер на страницата, ще го направите създайте вашата хипервръзка. За да направите това, отидете в раздела, в който искате да настроите вашата дестинация, и използвайте символа паунд преди името, което сте избрали по-долу в страницата. Така че ще напишете Click, за да видите обекта, който свързвам.
Връзка към документи и PDF файлове
Можете да създадете HTML връзка извън уебсайтовете. Можете лесно да качвате PDF и .docs на вашия уебсайт и да ги свързвате другаде на вашия сайт. Това е идеално за приложения, флаери и други документи, които не искате да променяте специално за вашия уебсайт. Важно е, когато правите това, да отбележите, че връзката отива към документ, а не към уебсайт. Това често се прави чрез поставяне на „pdf“ или „doc“ в скоби след връзката.
Да се връзка към документ на Word или PDF, първо ще качите документа, като използвате същия инструмент, който използвате за разработване на уебсайта си. След това ще можете да се свържете с него, както бихте направили с всеки друг текстова връзка на вашия сайт. Бихте въвели кода като такъв: Моят файл [DOC]. Не забравяйте да качите нова версия всеки път, когато актуализирате файла в края си, тъй като тези промени няма да се репликират автоматично.
