КомпјутериПрограмирање

Како да убаците хипервезу у ХТМЛ-у? Креирање и коришћење хипервезе у ХТМЛ

Хипертекст је текст који садржи линкове ка другим текстом. Примери су ауторова белешке о комплексним дефиниција или превод фусноте на дну странице књиге, ако се утврди текст на страном језику. Интернет сајтови су сложени систем хипертексту скаче са једне стране на другу унутар саме странице, али и између неповезаних појединачних-тематске ресурса. Таква структура је практично, штеди доста времена, омогућава посетиоцима да брзо пронађу потребне информације, а не да се изгубила у великом броју прелаза.

инсерт hiperlink

У ХТМЛ да убаците линкове помоћу дескриптора (ознака) РА, који је уметнут на правом месту. Обично је то међу тексту као хиперлинк у себи је структура текста. Али везе су више графика (иконе, дугмад, слике); од њих ће бити размотрена. Њихова локација на веб страници није ограничена на тексту, али зависи од дизајна доноси одлуке сајту.

<а хреф=«хттпс://гоогле.цом/»> Хоме Гоогле

Ово је пример како да убаците хипервезу у ХТМЛ-документа која се спроводи од стране <а> таг. Посетиоци сајта ће видети подвучени текст који се разликује од боје текста околног (боја ХТМЛ-везе могу бити било шта), "Гоогле почетна страница", тако што ћете кликнути на томе, он ће добити на почетну страницу, "Гоогле" претраживача. Треба напоменути да је текст хиперлинка треба да садржи информације о томе где ће прелаз бити спроведена. Овај принцип треба да прати и узети као правило!

ознака структура <а> ...

Можете приметити да <а> таг - Доублес: потребно завршне ознаке .

хреф - ознака атрибут одређује одредиште везу.

хттпс://гоогле.цом/ - атрибута, приложити УРЛ-адресу ресурс на који да би прелаз. То је двоструко или појединачни цитати. То зависи од структуре гнезда ознаку ХТМЛ правила.

<а хреф=«хттпс://гоогле.цом/»> Хоме Гоогле

цела структура је елемент веб документа.

Према правилима ХТМЛ, неки елементи могу да садрже и друге елементе. Таг <а> изузетак. Ако програмер треба да се истакне масним речи Гоогле, ти то помоћу ознаке <б> у складу са општим правилима за форматирање текста у низу угнежђених тагова. Вебмастер треба да зна како да направите хипервезу у ХТМЛ грешака, иначе неће радити. Брокен везе са рачунаром сленгу зове "тукли".

<а хреф=«хттпс://гоогле.цом/»> главна страница <б> Гоогле

Овде: елемент

<а хреф=«хттпс://гоогле.цом/»> главна страница <б> Гоогле

Она садржи Угнијежђена

<Б> Гоогле

Сада је страница посетилац види хипервезе масним словима реч "Гоогле".

абсолуте хипервезе

Хиперлинкови који користе апсолутне УРЛ-адресе сајтова који садрже имена домена (.ру, .цом, .орг, .гов ), под називом апсолутна, и имају следећу синтаксу:

Протокол: // назив домена / путања датотеке

Пример адреса распрострањена у Америци претраживачу хттпс://аол.цом - апсолутна, јер садржи име домена .рс.

Апсолутни линкови се користе за навигацију на страницама другим сајтовима или приступ ресурсима који се налазе на другом серверу. Транзиција се врши помоћу Интернет протокола. Протоколи - то није тема овог чланка, али како они учествују у стварању хиперлинкова, морате барем на кратко их помињем:

  • ХТТП и ХТТПС - најчешћи; за њих да прелазите страницама различитим местима;
  • ФТП - протокол за уплоад фајлова на серверу или преузимања корисника са сајта;
  • маилто - маил протокол који шаље е-маил директно са сајта, без одласка у личном е-маил.

Постоји неколико извештаја о посебном наменом (гопхер, телнет), је веома ретка, од којих је употреба захтева посебна знања из програмирања или администрацију система.

релативне хиперлинкови

Са релативно адресирање, употреба хиперлинкова у ХТМЛ користи за транзиција у животу и не води изван ње. Ако је страница је толико велика да ради вертикални клизач, понекад веома дуг, као што је у речнику, веома је згодан и прикладан за кориштење у односу везе да бисте прешли на жељено слово.

Стварање Онлине Дицтионари, програмер на почетку странице има алфабет, а ако не за коришћење линкова, корисник би имао много времена да се окрене точак миша да се до слова "И".

Да бисте направили релативну везу помоћу Назив атрибута <а> таг:

<а наме=«иа»> Назад на писмо које сам

где си звао сидро, док Назад на писмо које сам - сидро дестинације. За исправан приказ сидра препоручује се коришћење слова и бројева, тако да не пишу "ја", иако би било разумљиво.

Сада је на прелазу из абецеде на почетку странице на писмо "И", неопходно је да се сидра клин у ХТМЛ-документа, који почиње словом "И":

<А хреф = хттп: // сајт / чланак / 327992 /% Е2% АБ # а% Ц2% ББ% 3Е% Д0% Б1% Д1% 83% Д0%% Д0% Б2% Д0% Б0 сам

испред сидра стоји број знак, без које је транзиција на писмо неће радити.

Релативна обраћања приликом изградње сајт

Погодан и најчешћи алгоритам за прављење софтвера сајта:

  • Направите фолдер на рачунару и његове локације на локацији за погодности брзи приступ;
  • стварање индек.хтмл у директоријуму почетне странице;
  • стварање секундарног веб страници (индек.хтмл / паге2);
  • Направите фолдер и стављања у сликовних датотека;
  • Направите фолдер и стављање других предмета (датотека за преузимање, на пример);
  • пуњење садржаја;
  • стављања локације на хостинг фајлова.

Нужно морају да се користе за комуникационе везе између елемената на сајту, и да ће бити врло корисно знати како да убаците хипервезу у ХТМЛ на другу страну на истом месту. Ако сајт живе у истом директоријуму на истом серверу, нема потребе да се апсолутно користи адресирање. Када пренос фајлова на сајт хостинг везу између објеката остају, јер су хостинг и биће смештени у истом директоријуму.

Претпоставимо да програмер је створио хоме паге индек.хтмл сајт који има везу на другу страну паге2.хтмл, украшен сликом имг.пнг. Онда је релативна путања до слике ће изгледати овако:

<А хреф = хттп: // сајт /артицле/327992/%Ц2%АБ/паге2.хтмл/имг.пнг%Ц2%ББ%3Е%Д0%БА%Д0%Б0%Д1%80%Д1%82%Д0 % Б8% Д0% БД% Д0% БА% Д0% Б0% 3Ц / а% 3Е% 3Ц / п>

Савет: У студији о овој теми је најбоље да користите текст едитор из разлога што је потребно да стекне знање у исправном писању у транзицији адресе, као и да науче да разумеју туђи код. У овој фази ће бити добар резултат без грешке написао хипервезе у нотебоок ХТМЛ их не опрости, и даје грешку.

Методе кликнете на хипервезу

По дефаулту, нова страница се отвара у тренутном прозору прегледача када корисник кликне на хипервезу. Али, веб програмер може да промени подразумевано и приморати отворите страницу, на пример, у новом прозору. За ту сврху постоји мета атрибут са одређеном вредност. Нигде да ли је могуће да се изрази сто.

Вредности циљне атрибута
_бланк отвара страницу у новом прозору
_селф отвара страницу у тренутном прозору (по дефолту)
_парент отвара се страница у матичној оквиру
_топ користећи оквире отказати их и отвара страницу у тренутном прозору претраживача

Синтакса за примену атрибуте циља:

<а хреф=«хттпс://гоогле.цом/» таргет=«_бланк»> Хоме Гоогле

Хоме "Гоогле" ће се отворити у новом прозору.

Напомена: да бисте отворили страницу на новој картици, нема вредност за овај атрибут, а постављен од стране корисника у подешавањима претраживача.

Боја хипервеза

Искусан Интернет корисник током времена, требало је приметио да су хиперлинкови су другачије боје од околног текста, и они су обично плаве. Линкови на којима је прошло, а онда се вратио на претходну страницу, су јоргован. Користећи хипервезе у ХТМЛ у не-стандардних боја мало, али издваја сајт између осталих.

Поставља боју линкова у <боди> користећи атрибуте и њихове вредности, која служи ХТМЛ боју у РГБ систем (# 00ФФ00) или са директним назнаком назива боје ( «зелене»). Постоје три врсте атрибута за линкове:

  • Линк - дефинише боју непосећени линкови;
  • влинк - одређује боју линкова кроз које је корисник већ прошло;
  • Алинк - наводи боју линка приликом преласка на другу страну. То је брз, тако да не могу увек ухватити овај ефекат.

маркинг Пример:

<Тело Линк = «# 330099» Алинк = «# ФФ0000» влинк = «# 990066">

Ако примените ове атрибуте у овим тагом <боди>, референтна веб документа ће бити тамно плаве боје, посетио - љубичаста и активно - наранџасто-црвена.

графички хиперлинкови

Напредак и веб развој дизајна захтевају да знају како да убаците хипервезу у ХТМЛ као на слици. Јасно је да слика мора одговарати садржају странице одредишта. На пример, главни страница од лековитог биља могу бити представљени у виду фотографија биљака, кликните на којем ће корисник отићи на страницу која описује лековита својства биљака.

Широко коришћен начин да се замени статичких тастера (<инпут типе = «дугме»>) на предивне графике створене веб дизајнера у графичком едитору (ГИМП Пхотосхоп).

Да бисте унели графику као хипервезе на страницама сајта користи исту синтаксу, али уместо текста користећи ознаку слике убацивањем правила ХТМЛ:

<А хреф = хттп: //фб.ру/артицле/327992/%Ц2%АБпаге2.хтмл%Ц2%ББ%3Е%3Цимг срц = хттп: // сајт / чланак / 327992 /% Е2% АБ / слике / имг1 % Ц2% ББ алт = «мајка подбел» ширина = «50» висина = «46»>

До <имг> таг на исти начин примјењују атрибути одредити алтернативну текст, ширина, висина, и друге.

Позиви из сајту

ХТМЛ5 стандард је проширио функционалност употребе интернета, а сада можете позивати не само из телефона, али директно са сајта. За ту сврху, такође можете да користите хипервезе у ХТМЛ документу, и они имају следећу синтаксу:

<а хреф="тел:+79ккккккккк"> ... забава ...

Уместо речи "странка" је прописана контакт интуитивно саговорницима у именику. Такође можете поставити графичку датотеку (корисник фото).

То су позиви су на сајту, морате имати не само референцу на телефонски број претплатника, али и слушалице (микрофон, слушалице) инсталиран на ваш ВоИП-рачунарског програма, брзина интернет би требало да прелази 0.5 МБ / сец. Плаћање за позиве је проток саобраћаја. Стога, ако је Интернет неограничен, позиви су бесплатни.

Етика креира хипер

Постављањем сајт на Интернету, вебмастер треба да зна какве постоје хипервезе у ХТМЛ, а не само право да их професионално користе, али и да се придржавају следећих одредби:

  • Хипервеза мора бити лако видљив, различита од околног текста. Корисник мора да зна да је - хиперлинк.
  • Корисник треба да буде јасно где ће добити тако што ћете кликнути на линк. Да би то урадили, препоручљиво је да се користи више атрибута титулу, која језгровито описује страницу конверзије. Синтакса примене атрибута је:

<а хреф=«хттп://иандек.ру/» титле=«русски интернет-портал»> Андекс

  • Корисник мора добити тачне информације о датотеци ће бити преузет када кликнете на линк.

Када није очекивало страница или преузимањем погрешну слику, корисник је 99% од одмах напусте локације и никада о томе није отишао у будућности.

Анти-СЕО да се креира хипер

Поред техничке стране питање како убацити хипервезу у ХТМЛ-у, треба истаћи више и морални аспект. Постоје многе веб странице на којима приступ је блокиран кориснике на сигурносни софтвер (Антивирус), или чак државе. То су локације које су створене на нечистом веб програмера руку.

Један од трикова којима су Ресорт - је да убаците "невидљиви" хипервезу на Веб страници. Преваранти знају како да направите хипервезу у ХТМЛ, и користите доњу атрибут да уклони линкове и доделите му боју околног текста, тако да је просечан корисник не видим је. И уз помоћ других веб технологија алата (ЦСС, ЈаваСцрипт, ПХП) може да се програмира своје понашање. На пример, онмоусеовер ЈаваСкрипт догађај језика активира ефекат веб страници елемената. Када корисник држи курсор на невидљиве везе, он добија на рекламним страницама других сајтова. Или још горе, када постоји невидљиви веза у датотеку на свом рачунару и почиње преузети и инсталирати непотребан софтвер. Типично, вирус који је променио претраживача страницу, песком хард диск и друге масовне програме.

Убрзо такве локације спадају у "црну листу" базе података вируса, безбедност и животну средину корисника Интернета. Такви сајтови не трају дуго, а они морају да мењају своја имена бескрајно мигрирају на Интернету, промена добављача домаћина. Ово не доприноси промоцији сајта, на коме увек тражи свог творца, никада учинити мегапорталс, као што су, на пример, друштвеним мрежама. Између осталог, ови трикови изазвати многе негативне емоције у жртве ових људских активности.

Similar articles

 

 

 

 

Trending Now

 

 

 

 

Newest

Copyright © 2018 sr.atomiyme.com. Theme powered by WordPress.