Перед тим, як в HTML зробити посилання, потрібнорозібратися, що це таке і які їх види бувають. Будь-яке посилання починається з тега <а> і закривається тегом </a>. Користувачеві відображається тільки те, що укладено між цими тегами. Саму посилання браузер не показує. Її можна побачити при наведенні в рядку стану.
Всі номери можна розділяти за різними критеріями і видам. Наприклад, посилання ділити можна за призначенням:
- всередині документа;
- на іншу веб-сторінку;
- на різні файли;
- на поштові адреси.
Крім цього, 2-й і 3-й пункт можна розділяти на абсолютні і відносні адреси. Про це трохи пізніше. Зараз розглянемо найпростіший випадок.
Як в HTML зробити посилання? Для цього можна відкрити блокнот або будь-який інший редактор і переписати наведений вище код.
Результатом буде наступне.
З чого складається посилання?
Запам'ятайте, що у будь-якого посилання обов'язковими є:
- відкриває і закриває тег;
- текст посилання;
- атрибут href, в якому вказується адреса, куди буде направлений користувач.
Як бачите, на першому малюнку вказана посилання pages / about.html. Це відносна посилання. На малюнку вище посилання починається з http: //. У цьому випадку використовується абсолютне посилання.
Якщо ви не вкажете закривається тег, то всеподальше теж буде продовженням цієї посилання. Будьте уважні. Коли пишете код, відразу ставте відкриває і закриває тег. Так безпечніше.
Як зробити картинку посиланням в HTML?
Замість тексту в тегах <а> ... </a> можна вказувати зображення. Тобто якщо користувач натисне на картинку, то перейде по вашому посиланню.
Даний спосіб використовується дуже часто.Особливо в меню на красивих сайтах. Верстальники перед створенням дизайну каркаса сайту завжди думають, як зробити посилання на сторінку в HTML. Точніше, в якому вигляді все це зробити. У хід ідуть усі способи, якими володіє веб-майстер. Оформлення розглянемо трохи далі.
Як в HTML зробити посилання на файл?
В атрибуті href можна вказувати посилання на файли. Так зазвичай відбувається, коли вказують посилання на скачування файлу (архів, фільм, музика, книга, текстовий файл і так далі).
Іншими словами, ви можете вказати в адресі що завгодно. Якщо це не буде веб-сторінка, то браузер спробує її завантажити.
Посилання всередині сторінки
Напевно ви відвідували хоча б один раз"Вікіпедію". Там є зміст статті. І при натисканні на який-небудь пункт ви переноситесь до відповідного підзаголовку. Такі посилання називають посиланнями всередині документа або закладками.
Як в HTML зробити посилання всередині сторінки?
Все дуже просто.Вказуємо посилання в тексті атрибутом <а>, але не вказуємо href. Потрібно писати атрибут name і задати унікальне ім'я всередині документа. А в тому місці, де ви вказуєте посилання на ці замітки всередині документа, в атрибуті href пишемо спочатку грати, а потім щось унікальне ім'я.
Як тільки браузер бачить в адресі символ #, він розуміє, що посилатися треба на якийсь елемент всередині цього ж документа.
Посилання на електронну пошту
Іноді потрібно вказати посилання на електронну пошту. Це можна зробити так.
Після натискання на цю посилання у користувачавідкриється додаток для управління поштою. Зазвичай це стандартний Outlook. Але ця програма зазвичай ні у кого не налаштована. Тому зазвичай адреса електронної пошти просто вказують у вигляді тексту.
атрибути
Якщо ви розібралися, як в HTML зробити посилання, то рекомендується вивчити інші атрибути тега <а>. Це дуже важлива інформація. Розглянемо основні:
- Атрибут title - створює підказку при наведенні на посилання. Це дуже зручно. Завдяки цьому можна надати додаткову інформацію користувачеві.
- Атрибут target - місце, де буде завантажений новий документ (веб-сторінка). Тут можуть бути наступні значення:
- _blank - відкриється нове вікно браузера;
- _self - відкриття в поточному вікні, це значення за замовчуванням, його вказувати не обов'язково;
- _parent - завантаження у фрейм-батько, якщо їх немає, то атрибут приймає значеніе_self;
- _top - скасування всіх фреймів і завантаження сторінки в повний розмір браузера. Якщо фрейми відсутні, то відбувається аналогія з _self.
- Атрибут download.Завдяки йому можна насильно змусити скачати файл, який вказаний в атрибуті href. У цього параметра немає значення. Вказуємо просто <a download href="img/photo.jpg"> Посилання на файл </a>. Якщо не вказати download, то браузер просто відкриє фотографію. В даному випадку почнеться її закачування на комп'ютер.
оформлення посилань
Якщо ви зрозуміли, як зробити картинку посиланням вHTML, то бажано подбати ще про те, щоб вона виглядала нормально. За замовчуванням навколо картинки, яка є посиланням, з'являється рамочка. Вона виглядає грубо і непривабливо. Так як її товщина 3 пікселя.
Щоб цього не було, потрібно вказати border = "0". Тобто межа буде рівною нулю. Ось таке посилання з картинки буде виглядати красиво і прийнятно. Інакше ви злякає всіх відвідувачів сайту.
висновок
Посилання, на перший погляд, є дуже простим тегом. Але якщо заглибитися і розглядати всі види посилань і атрибути, то виявляється, що не все так легко і безхмарно.
Пам'ятайте, посилання є основою Всесвітньої мережі. Без них вона б не існувала.
