Як зробити посилання в HTML
Всім привіт! Сьогоднішній пост буде про створення посилань HTML, без яких не може існувати жоден поважаючий себе сайт або блог. Це одна з перших речей, які ви дізнаєтеся в процесі вивчення веб-дизайну і самостійного просування сайтів. Як і всі в HTML, це досить просто, але ви будете здивовані, як часто народ ставить запитання, як правильно зробити посилання HTML або посилання-зображення на щось інше. Це зображення може бути фото, значок або кнопка, це не має значення, код залишається тим же самим.
Цей пост буде охоплювати:
Створення посилань з використанням HTML
Як це працює?
Розглянемо посилання , вона може бути розбита на три частини:
Рекомендую до прочитання: Основи HTML (частина 2)
Додавання зображення за допомогою HTML
Приклад коду вставки зображення
Як це працює?
Створення посилання зображення HTML
Тепер, після того, як ви дізналися, як створити посилання HTML і як додати зображення, дуже просто об'єднати їх. Створити зображення, яке буде вести на певний URL при натисканні. Ось код посилання зображення HTML, але на цей раз замість тексту ми додаємо код для зображення.
Приклад посилання зображення HTML
Як це працює?
- Ми відкриваємо посилання .
- Замість текстового посилання ми повідомляємо браузеру, що хочемо використовувати зображення .
- Ну і як завжди, не забуваємо закривати посилання з . от і все.
Рекомендую до прочитання: Внутрішня SEO оптимізація сторінки
Іноді ми хочемо, щоб пов'язана з посиланням сторінка відкривалася в новій вкладці браузера. Для цього потрібно додати такий код в першій частині: target = "_blank" перед>. Це можна зробити і для посилання зображення HTML і для текстового посилання.
Приклад текстового посилання відкривається в новому вікні браузера