Урок 5. Посилання. Частина 1

Відео: Курс HTML - Урок №07. Посилання. Частина 1

Здрастуй, шановний читачу.

Відео: Введення в CSS. Урок 5 Оформлення HTML посилань за допомогою CSS

У даній статті ми поговоримо про посилання. Це перша частина уроку. Після проходження уроку ви дізнаєтеся: як створюються посилання, як створювати посилання, які ведуть на елемент всередині сторінки. А також розберемо це на прикладі.

Це п`ята стаття, присвячена вивченню html. Перед прочитанням даного уроку рекомендую пройти попередні уроки:

Урок 1. Що таке html?
Урок 2. Частини, заголовки
Урок 3. Списки
Урок 4. Зображення

Теорія та практика

Сайт неможливо уявити без посилань. Посилання здійснюють переходи з однієї сторінки на іншу. Посилання можуть вести не тільки на інші сторінки сайту, але також і на файл будь-якого типу, навіть якщо цей файл розміщується на іншому сайті. Посилання створюється за допомогою тега Назва посилання. Подивимося як це буде виглядати в коді нашої сторінки були:

123456789101112131415

lt;htmlgt;lt;headgt;lt;titlegt; Моя перша html сторінкаlt;/titlegt;lt;/headgt;lt;bodygt;lt;pgt; Фруктиlt;/pgt;lt;ulgt;lt;ligt; Бананlt;/ligt;lt;ligt; Яблукоlt;/ligt;lt;ligt; Персикlt;/ligt;lt;/ulgt;lt;pgt; Morbi quis rutrum nulla. Quisque lacinia lt;a href="Http: // адрес_сайта" title="Перейти на сторонній сайт"gt; turpislt;/agt; nisl, non mollis nisl vestibulum at. Duis neque leo, congue at ultricies non, pharetra sed mauris. Proin elementum fringilla quam, non viverra justo luctus id. In ipsum lacus, commodo in porta ac, ultrices ac leo. lt;/pgt;lt;/bodygt;lt;/htmlgt;

Атрибут href = "banan.html" - вказує куди веде посилання. Також є атрибут target = "_ blank", який відповідає за те, що при кліці по цим посиланням вона відкриється в новому вікні. Html сторінка, на яку переходять повинна знаходитися в тій же папці, де і головний файл. Якщо ви хочете інші сторінки тримати в окремій папці, вам необхідно написати наступне href = "названіе_папкі / banan.html" в тезі .

Ми розглянули основне призначення посилань. Але також посилання можна використовувати для того щоб посилатися на якийсь елемент всередині сторінки. Я не викладав весь код, тому там він досить великою. Приклад коду елемента:

12345678

...lt;ulgt;lt;ligt; lt;a href="#banan" target="_blank"gt; Бананlt;/agt; lt;/ligt;lt;ligt; Яблукоlt;/ligt;lt;ligt; Персикlt;/ligt;lt;/ulgt;lt;h2 id="Banan"gt; Користь бананаlt;/h2gt; ...

Відео: Python Django (урок 5) - мова шаблонів. Частина 1

Подивитися прімерСкачать

Ви помітили, що в шляху посилання з`явилася решітка #, а у того елемента на який будемо посилатися всередині сторінки з`явився атрибут id = "banan". Вихідний код на сторінці з прикладом можна подивитися натиснувши комбінацію клавіш на клавіатурі CTRL + U.

Сьогодні ми розглянули як створюються посилання на інші сторінки, і навіть на елементи всередині сторінки. Пробуйте все прописати руками. Тоді ви краще запам`ятайте їх і будете пам`ятати де і як їх застосувати.

Більше практикуйтеся!

Відео: урок 5: прийоми. частина 1