HTML — Глава 2 | Как создать кнопку в HTML
Пришло время, наконец, двигаться дальше и сделать второй шаг к изучению HTML. Мы научимся или, по крайней мере, попытаемся научиться создавать кнопку в HTML — это одно из самых простых и увлекательных занятий, когда вы играете с HTML.
Прежде чем мы начнем, я просто хочу убедиться, что вы прочитали и поняли первую главу HTML, верно? Если вы этого не сделали и забегаете вперед, вернитесь назад и сделайте себе что-нибудь хорошее. Я бы порекомендовал вам делать маленькие шаги, как ребенок, которым вы являетесь.
Мир кнопок
Кнопка. КНОПКА. Кнопка! Мне нравится, как это звучит. Ладно, идем дальше.
Разве вам не нравится, когда вы открываете сайт и на нем есть места, где вы можете щелкнуть и что-то сделать? Что ж, эти дерганые маленькие вещи — не что иное, как кнопки, которые помогают вам двигаться вперед. Вот пример кнопки одной из самых популярных поисковых систем:
Знакомо? Да, когда вы вводите что-то в Google, вы нажимаете именно на это место (или, по крайней мере, вы привыкли, так как теперь предпочитаете нажимать Enter).
Этот Google Search — это кнопка, и этот разумный счастливчик рядом с ней, как вы уже догадались, тоже кнопка.
Кнопка, кнопка везде не место для нажатия. Может, мне стоит просто перестать думать вслух.
Шаги по созданию кнопки в HTML
Ниже приведены шаги, которые помогут вам немедленно приступить к работе, если вы хотите узнать, как создать кнопку в HTML.
Шаг 1: Где снова ваша папка HTML? Откройте его, щелкните правой кнопкой мыши и создайте новый текстовый документ или просто откройте блокнот. Твой выбор. Я думаю, мы закончили это?
Шаг 2: Теперь откройте файл блокнота и проверьте свои знания по главе 1. Убедитесь, что ваши теги начинают выглядеть примерно так:
Дайте угадаю. Это тоже выглядит смутно знакомым? Следующий шаг не может продолжаться без знакомства с концепцией тегов кнопок. Теперь HTML уже знает все о том, что такое тег кнопки. Вопрос в том, а вы?