Увод у ХТМЛ текстуалну везу

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

Синтакса за ХТМЛ линк

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

Link your corresponding text here

У горњој синтакси користимо ознаку сидра да створимо хтмл везу или хипервезу. Детаљно ћемо разговарати о овој сидровој таги.

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

Кориштењем ознаке сидра имамо бројне предности које су наведене у наставку.

  • Организовање: Помаже у организовању наших података. Не треба да правимо неколико веб страница, такође не треба поделити наше податке у делове за потребе управљања, лако можемо да организујемо своје податке само на једном месту.
  • Нема помицања: Кориштењем хтмл линка или можемо рећи хтмл интерне везе, не требамо бринути да се крећемо по јако дугим страницама, само можемо кликнути на њу да бисмо пронашли жељени одељак на истој страници. Тако је лако пронаћи било који податак или одељак на страници.

Како креирати ознаку сидра?

Као што видите у горњој синтакси, користили смо толико много ствари тамо сада, ми ћемо имати ближи поглед на то како креирати и како то функционише.

У основи се састоји од три различита дела (атрибута):

  1. атрибут хреф
  2. циљни атрибут
  3. атрибут наме

1. атрибут хреф

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

So for example : Google

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

На пример

My page

2. циљни атрибут

Циљни атрибут дефинира како ће се документ отворити. Има много врста и можемо их користити према нашим потребама.

  • _парент: Само отвара приложени документ у родитељски оквир.
  • _бланк: Отвара документ у новој картици или прозору.
  • _топ: Отвара се приложени документ у целом прозору.
  • _селф: Отвара документ у истом прозору или истој картици у којој се кликне. Подразумевано је овај циљ омогућен. Можемо да је изменимо на следећи начин:

Your Link text

Овде је таргет = "_ бланк" синтакса за његово коришћење.

3. атрибут наме

Атрибут имена користи се за скок или кретање до неке тачке на страници, што може бити корисно када имамо велику ВРУ страницу са толико садржаја. Ово помаже у уштеди налаза и времена корисника без померања. Синтакса испод:

or

У овом е-облику једноставно кликните да бисте прешли на крај странице без померања према доле.

Section

Овај претраживач ће идентификовати одељак, али морамо да користимо (#) атрибут наме.

Link your text

Овиме се интерно можемо односити на „наслов“ неке друге странице. И овде (#) треба да се користи на крају адресе странице.

ХТМЛ линк Цолорс

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

  • Активна веза: Када кликнемо на било коју везу, постаје активна веза са подвученом и црвеном бојом.
  • Невидјене везе: Стандардна подразумевана боја претраживача за невиђене везе су плава и подвучена.
  • Посећени линкови: То су љубичасти и подвлачени.

Али такође можемо пружити наше прилагођене боје за повезивање користећи синтаксу испод. Можемо пратити ову различиту врсту да бисмо пружили боју нашој вези. Али овде користимо инлине ЦСС ако желите можете да креирате и екстерни ЦСС.

  • Директно наведите назив боје.
  • Коришћењем ХЕКС кода боја.
  • Кориштењем вриједности ргб () и ргба ().
  • Кориштењем вриједности хсл и хсла ().

Red Link

У овом случају, име боје можемо директно специфицирати у атрибут стила. Ово је инлине ЦСС.

Red color code

Овде специфицирамо боју користећи шифре боја. (ХЕКС кодови у боји)

Red color

Такође можемо користити РГБ () вредности да одредимо боју за наше везе. Непрозирност боје можемо контролисати користећи ргб ().

Red color

Рбг () можемо заменити ргба (), али требамо одредити четврту вредност за транспарентност и непрозирност.

Red color

Такође можемо да користимо ХСЛ боју у нашој вези. ХСЛ у основи представља нијансу, засићеност и лакоћу. Такође можемо користити ХСЛА одређивања боје, али морамо дати још један параметар у хсла ().

Закључак - ХТМЛ Тект Линк

Тако у Сорт, користимо ознаку сидра и њене атрибуте да створимо хипервезу или везу у ХТМЛ-у. ХРЕФ садржи адресу документа, циљ који је одговоран за руковање документом. Такође можемо обојати нашу везу користећи инлине или екстерни ЦСС.

Препоручени чланци

Ово је водич за ХТМЛ Тект Линк. Овде смо расправљали о томе како створити ознаку за сидро са бојама ХТМЛ везе и синтаксу за ХТМЛ везу. Можда ћете такође погледати следеће чланке да бисте сазнали више -

  1. ХТМЛ Тект Едиторс
  2. Линк за слике у ХТМЛ-у
  3. ХТМЛ форме контроле
  4. Версионс оф Хтмл
  5. ХТМЛ Фрамес
  6. ХТМЛ Блоцкс
  7. Поставите боју позадине у ХТМЛ-у са примјером

Категорија: