Урок 3. Посилання в HTML
Тепер я думаю зрозуміло.
«Атрибут вказує додаткову інформацію про елемент»
А тепер напевно у вас виникає питання, а які ще атрибути можна додати в елемент , що вони роблять і чи можна їх створювати самим? Давайте розглянемо основні атрибути, які вам можуть знадобитися:
target - бувають ситуації, коли при переході по посиланню, потрібно відкрити вміст в новому вікні, наприклад для того, щоб не втратити інформацію на поточній сторінці, візьмемо, як приклад пошуковик «Яндекс», якщо ви введете потрібне слово для пошуку, а потім клацніть на який-небудь сайт зі списку, то ви побачите, як відкриється нове вікно з результатом вашого пошуку - в даному випадку це зручно, а іноді навпаки дуже незручно (особливо, коли мова йде про форумах, сайтах, блогах), коли відкривається величезна кількість вікон тим самим сіючи плутанину і пут Аніція, так ось, щоб управляти відкриттям посилань, ми використовуємо даний атрибут, погляньте на приклад:
title - даний атрибут дозволяє видавати спливаюче вікно - підказкою при наведенні курсору на посилання:
download - даний атрибут дозволяє завантажувати файли з вказаного посилання.
name - визначає найменування якоря всередині сторінки, з їх допомогою ви можете посилатися на окремі частини однієї сторінки. В кінці уроку, ви побачите, як він працює - просто потім клацніть на посилання і перейдете в самий верх цієї сторінки, а ось як його вказати:
верх сторінки Перейдіть в самий верх / середину / низ цієї сторінки
download - даний атрибут дозволяє завантажувати файли з вказаного посилання.
Що стосується створення власних елементів і атрибутів, то тут, смію, вас засмутити, цього робити не можна, навіть якщо ви і зробите це, браузер проігнорує ваш елемент, тому що він не буде знати, що це таке і з чим його їдять!
Посилання на зображенні або зображенні
Тут ми поговоримо, як зробити зображення і картинку посиланням, тобто будь-яке зображення можна використовувати як звичайне посилання, перше, що нам потрібно це елемент , він вказує браузеру, що вміст даного елемента - зображення, але щоб вказати шлях до картинки нам буде потрібно вказати новий атрибут «src», який вкаже елементу
де знаходиться дане зображення (аналог атрибута «href», робиться це ось так:
А тепер розглянемо основні атрибути елемента :
alt - за допомогою даного атрибута описуємо короткий опис зображення або картинки, особливо це буває важливо, коли зображення з тих чи інших причин не змогло завантажиться, наприклад в разі поганого з'єднання з інтернетом або відсутності самого зображення, в цьому випадку, щоб зрозуміти, що було зображено на картинці, досить навести курсор на посилання відсутнього зображення і подивитися на спливаючу напис. (Вимкніть показ картинок в браузері і перевірте) Тому я рекомендую завжди намагатися вказувати заголовок з коротким про писанням вашої посилальної картинки, а робиться це ось так:
Давайте сьогодні створимо, що-небудь новеньке, нехай це буде інтернет магазин радіокерованих іграшок (так-так!) І на прикладі ми зможемо детально розглянути, як працюють посилання! Давайте зробимо так, нижче я відразу наведу табличку з описом коду, а за нею посилання на приклад де ви зможете подивитися урок на власні очі.
