Як зробити кнопку з HTML-посиланням

Автор: Florence Bailey
Дата Створення: 25 Березень 2021
Дата Оновлення: 1 Липня 2024
Anonim
Как сделать кнопку в html | Уроки HTML, CSS
Відеоролик: Как сделать кнопку в html | Уроки HTML, CSS

Зміст

Дана стаття покаже вам, як зробити кнопку з HTML-посиланням. Дія схоже зі звичайною гіперпосиланням, проте замість неї розроблена кнопка.

кроки

  1. 1 Відкрийте свій HTML-файл в улюбленому вами текстовому редакторі, такому як «Блокнот» (Notepad) або «TextEdit».
  2. 2 Додайте наступний код в ту область, куди ви хочете вставити кнопку.
    form method = "get" action = "http://www.wikihow.com/Main-Page"> button type = "submit"> Homepage / button> / form>
  3. 3 Змініть посилання. В даний час код вказує на домашню сторінку сайту WikiHow. Замініть його на URL-посилання сторінки, до якої ви бажаєте перейти по кліку.
  4. 4 Відредагуйте текст кнопки. В даному випадку на ній зазначено наступне: «Домашня сторінка». Ви можете змінити назву кнопки на власний розсуд.
  5. 5 Перевірте посилання. Клацніть лівою кнопкою миші по посиланню, щоб переконатися в її активності. Якщо вона працює, значить, ви закінчили. Якщо клік по кнопці не спрацьовує, тоді вам слід перевірити свій код на наявність помилок.

Що вам знадобиться

  • Текстовий редактор