HTML – урок 5
Хипервръзки
1. Обща информация:
• Хипервръзките трябва да са разположени
така, че да улесняват навигацията из
сайта и да имат подходящи названия,
които да указват на посетителите на
страницата къде ще попаднат, когато
кликнат върху тях.
• Хипервръзките могат да бъдат текстови,
а е възможно във вид на хипервръзки да
се използват и изображения.
2. Текстови връзки към други файлове:
• <a href="адреса, към който ще води
връзката">названието на връзката, което
ще се вижда на екрана</a>
• Пример: <a href="http://www.yahoo.com"> Връзка към
www.yahoo.com</a>

• Пример за хипервръзка към страница от
същия сайт:
– <a href="folder1/page2.html">Връзка към
страница page2.html, намираща се в папка
folder1, от началната страница index.html</a>
3. Хипервръзки към части от една и
съща страница:
• Първо трябва да създадете т. нар.
котва и да я поставите на мястото
от страницата, към което пускате
връзка. Котвата трябва да има
следния формат:
<a name=“bottom” a> (името на
котвата се избира произволно)
• След това на съответнотот място в
страницата се поставя самата
хипервръзка, която ще води към
вече направената котва. Тя трябва
да изглежда така:
<a href="#bottom">Връзка към
долната част на страницата</a>
4. Хипервръзки към e-mail и
файл на FTP-сървър
• <a href="mailto:somename@somewhere.com">somename@somewhere.com</a>
• <a href="ftp://someaddress.com/somefile.zip">Връзка към
файл в zip формат от
FTP сървър</a>
5. Хипервръзки, които се отварят в
отделен прозорец:
• Всяка хипервръзка в интернет може да се
отвори в отделен прозорец, ако преди да
щракнете върху нея натиснете бутон "Shift" (с
надпис Shift и/или дебела стрелка, сочеща
нагоре). Но много потребители в интернет не
познават пълните възможности на клавиатурата.
• HTML дава възможност да зададете отваряне на
хипервръзка в нов прозорец чрез използване на
атрибута target. Той може да приема няколко
стойности. За да зададете отваряне на
хипервръзка в нов прозорец трябва да присвоите
на атрибута target стойност _blank.
– <a href="http://www.yahoo.com" target="_blank">
Връзка към Yahoo, която ще се отвори в нов
прозорец</a>
6. Изображенията като
хипервръзки:
• <a
href="http://www.somesite.com">
<img src="image.gif" >
</a>

More Related Content

Ad

Similar to Html5 (15)

PPTX
Линк билдинг техники - E-Manager 4
PPTX
SEO за електронен магазин с Joomla
PPT
SEO за туристически сайт
PPT
Backlinking
PDF
SEO курс 2014, лекция 2 - Onpage оптимизация
PPT
Website planning
PPTX
Дигитална Работилница за Млади Лидери - Варна
PDF
Nikolai galinov-onpage-analysis
PDF
Nikolai galinov-onpage-analysis
PDF
Teodor Zahariev - Internal link building
PDF
SEO курс 2014, лекция 6 - Информационна архитектура
PPTX
Успешен сайт за успешен бизнес - SEO семинар
PPT
SEO за фирмен сайт
PDF
E-Manager 2014: E-Commerce SEO
Линк билдинг техники - E-Manager 4
SEO за електронен магазин с Joomla
SEO за туристически сайт
Backlinking
SEO курс 2014, лекция 2 - Onpage оптимизация
Website planning
Дигитална Работилница за Млади Лидери - Варна
Nikolai galinov-onpage-analysis
Nikolai galinov-onpage-analysis
Teodor Zahariev - Internal link building
SEO курс 2014, лекция 6 - Информационна архитектура
Успешен сайт за успешен бизнес - SEO семинар
SEO за фирмен сайт
E-Manager 2014: E-Commerce SEO
Ad

More from Блага Чобанова (19)

Html5

  • 1. HTML – урок 5 Хипервръзки
  • 2. 1. Обща информация: • Хипервръзките трябва да са разположени така, че да улесняват навигацията из сайта и да имат подходящи названия, които да указват на посетителите на страницата къде ще попаднат, когато кликнат върху тях. • Хипервръзките могат да бъдат текстови, а е възможно във вид на хипервръзки да се използват и изображения.
  • 3. 2. Текстови връзки към други файлове: • <a href="адреса, към който ще води връзката">названието на връзката, което ще се вижда на екрана</a> • Пример: <a href="http://www.yahoo.com"> Връзка към www.yahoo.com</a> • Пример за хипервръзка към страница от същия сайт: – <a href="folder1/page2.html">Връзка към страница page2.html, намираща се в папка folder1, от началната страница index.html</a>
  • 4. 3. Хипервръзки към части от една и съща страница: • Първо трябва да създадете т. нар. котва и да я поставите на мястото от страницата, към което пускате връзка. Котвата трябва да има следния формат: <a name=“bottom” a> (името на котвата се избира произволно) • След това на съответнотот място в страницата се поставя самата хипервръзка, която ще води към вече направената котва. Тя трябва да изглежда така: <a href="#bottom">Връзка към долната част на страницата</a>
  • 5. 4. Хипервръзки към e-mail и файл на FTP-сървър • <a href="mailto:somename@somewhere.com">somename@somewhere.com</a> • <a href="ftp://someaddress.com/somefile.zip">Връзка към файл в zip формат от FTP сървър</a>
  • 6. 5. Хипервръзки, които се отварят в отделен прозорец: • Всяка хипервръзка в интернет може да се отвори в отделен прозорец, ако преди да щракнете върху нея натиснете бутон "Shift" (с надпис Shift и/или дебела стрелка, сочеща нагоре). Но много потребители в интернет не познават пълните възможности на клавиатурата. • HTML дава възможност да зададете отваряне на хипервръзка в нов прозорец чрез използване на атрибута target. Той може да приема няколко стойности. За да зададете отваряне на хипервръзка в нов прозорец трябва да присвоите на атрибута target стойност _blank. – <a href="http://www.yahoo.com" target="_blank"> Връзка към Yahoo, която ще се отвори в нов прозорец</a>
  • 7. 6. Изображенията като хипервръзки: • <a href="http://www.somesite.com"> <img src="image.gif" > </a>