Компјутери, Програмирање
Како да се вметне на хиперврска во HTML? Создавање и користење на хиперлинкови во HTML
Хипертекстот е текст кој содржи врски до други текст. Примери за тоа се забележува на авторот на комплексни дефиниции или превод фусноти на дното на страниците на книгата, доколку се утврди текстот на странски јазик. Интернет сајтови се еден комплексен систем на хипертекстот скокови од една страна на друга во рамките на самата страница, но исто така и помеѓу неповрзани еден-тематските ресурси. Ваквата структура е практична, заштедува многу време, им овозможува на посетителите да брзо да ги најдете информациите што ви треба, а не да се изгуби во голем број на транзиции.
Вметни хиперврска
Во HTML за да вметнете линкови со користење на опишувач (tag), која е вметната во право место. Обично тоа е меѓу текстот како хиперврска во себе е текстот структура. Но врски се повеќе графика (икони, копчиња, слики); од нив ќе се дискутира понатаму. Нивната локација на веб страница, не е ограничена само на текстот, но зависи од производител сајт дизајн одлука.
Ова е пример за тоа како да вметнете линк до HTML-документ со кој се врши од страна таг. посетителите ќе видите подвлечениот текст кој е различен од боја на околните текст (HTML-линкови боја може да биде ништо), "на почетната страница на Google", со кликнување на тоа, тој ќе се дојде до почетната страница, "Google" пребарувач. Треба да се напомене дека текстот на линкот треба да содржи информации за тоа каде транзиција ќе се врши. Овој принцип треба да се следи и да се зема како по правило!
таг структура ...
Може да забележите дека таг - Двојки: бара затворање таг .
href - таг атрибут одредува дестинација на врската.
https://google.com/ - вредноста на атрибутот, приложете на URL-адреса на ресурс на кој да се направи транзицијата. Тоа е двојно или единствен цитати. Тоа зависи од структурата на гнездење ознака на правилата на HTML.
целата структура е елемент на веб документ.
Според правилата на HTML, некои елементи може да содржи и други елементи. Таг не е исклучок. Ако програмер треба да се потенцира со задебелени букви на зборот Google, вие го направите тоа со користење на тагот , во согласност со општите правила за форматирање на текстот во редоследот на вгнездени тагови. Вебмастерот треба да знаат како да креирате хиперврска во HTML грешки, во спротивно тие нема да работи. Прекинати врски до компјутерски жаргон се нарекува "тепаат".
Тука: елементот
Таа содржи вгнездени
Сега страница посетител гледа хиперврска во задебелен текст зборот "Google".
апсолутна линкови
Хиперлинкови кои ги користат апсолутно URL-адресите на сајтови кои содржат имиња на домени (.ru, .com, .org, .gov ), се нарекува апсолутна, и имаат следнава синтакса:
Протокол: // име на домен / патеката на датотеката
Пример адреса широко распространета во Америка пребарувач: https://aol.com - апсолутна, бидејќи тоа содржи .com домен.
Апсолутна хиперлинкови се користат за навигација на страниците на другите сајтови или за пристап до ресурси наоѓа на друг сервер. Транзицијата се врши со користење на Интернет протокол. Протоколи - ова не е тема на овој член, но како што учествуваат во создавањето на хиперлинкови, ти барем треба да ги споменеме накратко:
- HTTP и HTTPS - најчестиот; за нив да се префрлате помеѓу веб-страниците на различни места;
- FTP - протокол за качувањето на датотеки на серверот или преземања корисник од местото на настанот;
- mailto - mail протоколот кој што ги праќа e-mail директно од сајтот, без да оди во личен e-mail.
Постојат неколку извештаи за посебна намена (gopher, телнет), е прилично редок, употребата на која бара посебни знаења во програмирање или систем за администрација.
во однос хиперлинкови
Со релативно адресирање, користење на хиперлинкови во HTML користи за транзиции во животот и не води надвор од него. Ако страницата не е толку голема што тече вертикален лизгач, понекогаш многу долго време, како на пример во речникот, тоа е многу лесен и соодветно да се користи роднина линкови за да скокнат до саканата буква.
Креирање на онлајн речник, програмер на почетокот на страницата има писмо, а ако не и за употреба на линкови, корисникот би имале многу долго време да се сврти тркалото на глувчето за да се дојде до буквата "I".
Да се создаде однос линк користејќи го името на атрибутот таг:
каде ти се нарекува сидро, додека Назад на писмото I - сидро дестинација. За правилно прикажување на сидра се препорачува да се користи букви и броеви, така да не се напише "јас", иако тоа би било разбирливо.
Сега дека транзицијата од азбуката на почетокот на страницата на писмото "јас", тоа е потребно да се направи сидро клин во HTML-документот, кој почнува со буквата "I":
во предниот дел на сидро стои знак број, без кои транзицијата на писмото нема да работи.
Релативна адресирање кога изградба на веб страната
Практично и најчестите алгоритам за создавање на софтвер сајт:
- Креирај фолдер на вашиот компјутер и нејзината локација на местото за практичноста на брз пристап;
- создавање index.html во папка на почетната страница;
- создавање на средно веб-страница (index.html / PAGE2);
- Креирај фолдер и ставајќи го во сликата датотеки;
- Креирај фолдер и ставајќи други предмети (датотеки за преземање, на пример);
- пополнување на содржината на сајтот,
- поставување на сајтот на домаќин на датотеки.
Мора да се користи за комуникација врските помеѓу елементите на сајт, и ќе биде многу корисно да се знае како да се вметне хиперврска во HTML на друга страница, на истата локација. Ако сајт живеат во истиот директориум на истиот сервер, нема потреба да се користи апсолутна адресирање. Кога пренесување на датотеки на сајтот хостинг врската помеѓу објекти остануваат, бидејќи тие се домаќини и ќе бидат сместени во истиот директориум.
Да претпоставиме дека еден програмер создаде index.html страница на почетната страница, која има линк кон друга страница page2.html, украсени со img.png слика. Тогаш релативната патека до сликата ќе изгледа вака:
Совет: во проучувањето на оваа тема е најдобро да се користи едноставен уредувач на текст од причина што тоа е потребно да се здобијат со познавање на точни адреси на транзиција, како и да научат да се разбере некој друг код. Во оваа фаза ќе биде добар резултат без грешка напишани хиперврска во една тетратка, HTML не ги прости, и дава грешка.
Методи кликнете на хиперврска
Стандардно, отвора нова страница во сегашниот прозорец на прелистувачот, кога корисникот ќе кликне на хиперврска. Но, веб програмер да го промените стандардниот и сила ја отворите страницата, на пример, во нов прозорец. За таа цел е цел атрибут со одредена вредност. Никаде не е возможно да се изразат на табелата.
| _blank | се отвора страница во нов прозорец на прелистувачот |
| _self | отвора страница во тековниот прозорец (Основно) |
| _parent | отвора страница во рамките родител |
| _top | со користење рамки ги откаже и ја отвори страница во сегашниот прозорец на пребарувачот |
Синтаксата за спроведување на целни атрибути:
Дома "Google" ќе се отвори во нов прозорец.
Забелешка: за да ја отворите страницата во нов таб, нема вредност за овој атрибут, и е поставена од страна на корисникот во прилагодувањата на пребарувачот.
Бојата на хиперлинкови
Искусен корисник на интернет во текот на времето, треба да се забележи дека линкови се различни во боја од околните текст, и тие обично се сини. Линкови на кој што помина, а потоа се врати на претходната страница, се нежни. Користење на хиперлинкови во HTML во не-стандардни бои малку, но издвојува сајт меѓу другите.
Ја поставува бојата на линкови во
користење на атрибути и вредности, кој служи HTML боја во системот rgb (# 00FF00) или со директен показател на името на бојата ( «зелена"). Постојат три видови на атрибути за линкови:- линк - ги дефинира бојата на unvisited врски;
- vlink - ги одредува бојата на линкови преку кои на корисникот веќе помина;
- alink - Ја одредува бојата на врската, кога менувањето на друга страница. Тоа е брз, така што не секогаш може да се фати овој ефект.
означување Пример:
<Тело линк = "# 330099" alink = "# ff0000» vlink = "# 990066">
Ако се применуваат овие атрибути во тагот
, повикување на веб-документот ќе биде темно сина, посетените - виолетова и активни - портокалово-црвена боја.графички хиперлинкови
Напредок и развој, веб дизајн бара да се знае како да вметнете хиперврска во HTML како на сликата. Јасно е дека на сликата мора да одговара на содржината на страницата со дестинација. На пример, на главната страница на лековитите растенија може да се претстави во форма на фотографии на растенија, со кликнување на кои корисникот ќе отидете на страница, која ја опишува лековити својства на растенијата.
Широко се користи начин да се замени статички копчиња () во убави графики создадени од страна на веб дизајнер во графички уредник (GIMP, Photoshop).
За да вметнете графички како линкови на страниците на сајт користи истата синтакса, но наместо на текст со користење на ознака на сликата со вметнување на правилата на HTML:
До тагот на ист начин се применува атрибути наведете алтернативна текст, ширина, висина, и други.
Повиците од веб
HTML5 стандард се прошири и на функционалноста на употреба на интернетот, и сега може да се направи повици не само од телефонот, туку директно од страницата. За таа цел, можете да го користите хиперлинкови во HTML документ, и тие имаат следнава синтакса:
Наместо зборот "партија" е пропишана интуитивен контакт повикувачот во именикот. Вие исто така може да се постави графички фајлови (корисник слика).
Тоа повици се направени на сајт, мора да имаат не само повикување на телефонски број на претплатникот, но, исто така, слушалки (микрофон, слушалки) инсталирани на вашиот компјутер VoIP-програмата, брзина на интернет треба да надминува 0,5 MB / секунда. Плаќање за повици направени протокот на сообраќај. Затоа, ако на интернет е неограничен, повици се бесплатни.
Етика да креираат, хиперлинкови
Со поставување на сајт на интернет, вебмастерот треба да знаат каков вид има хиперлинкови во HTML, и не само што има право да ги користи професионално, но, исто така, се придржуваат кон следниве одредби:
- Линкот мора да бидат лесно видливи, различни од околните текстот. Корисникот треба да знаат дека тоа е - хиперврска.
- Корисникот треба да биде јасно, каде што ќе добиете со кликнување на линкот. За да го направите ова, тоа е препорачливо да се користи повеќе титулата атрибут, кој посочно опишува страницата за реализација. Синтакса на примена атрибут е:
- Корисникот мора да се добијат точни информации за датотеката ќе се преземе кога ќе кликнете на линкот.
Откако не е на очекуваното страница или со симнување на погрешен фајл, корисникот е 99% од веднаш да ја напушти сајт и никогаш за тоа не се оди надолу во иднина.
Анти-оптимизација за да се создаде линкови
Во прилог на техничка страна на прашањето за тоа како да вметнете линк во HTML, треба да се нагласи повеќе и моралниот аспект. Постојат многу веб-сајтови до кои пристапот е блокиран корисниците на софтвер за безбедност (антивирус), па дури и на државата. Тоа се сајтови кои се создадени за нечист веб програмерите страна.
Еден од трикови на кои тие се впуштат - е да внесете "невидливи" хиперврска на веб страница. Scammers знаете како да креирате хиперврска во HTML, и користење на црта атрибут да се отстрани линкови и да се додели на бојата на околните текст, така што просечниот корисник не ја гледам. И со помош на други алатки за веб технологии (CSS, JavaScript, PHP) може да се програмира на нивното однесување. На пример, OnMouseOver JavaScript јазик настан активира ефектот на веб-страница елементи. Кога корисникот ќе го држи курсорот невидлива врска, тој добива на рекламирање страници на други сајтови. Или уште полошо, кога има невидлива линк до датотеката на неговиот компјутер и почнува да се симне и инсталира непотребни софтвер. Типично, вирус кој се менува прелистувач почетната страница, ѓубре на хард дискот и други масовни програми.
Наскоро ваквите сајтови падне во "црната листа" на вирусот база на податоци, безбедноста и животната средина на корисниците на интернет. Ваквите сајтови не траат долго, и тие треба да ги менуваат своите имиња за да мигрираат до бескрај на интернет, промена на давателот домаќин. Ова не е погодна за промоција на еден сајт, на кој секогаш бара неговиот творец, никогаш не се направи тоа megaportals, како што се, на пример, социјалните мрежи. Меѓу другото, овие трикови предизвика многу негативни емоции кај жртви на овие човечки активности.
Similar articles
Trending Now