Привет 👋 Сегодняшняя статья посвящена теме «как делать кнопки». Надеюсь, эта статья окажется для вас полезной.
- HTML
Мы используем тег ‹button›, чтобы сделать кнопку в html. Чтобы дать вам представление:
Чтобы сделать это кликабельным, нам нужно использовать тег ‹a›.
Чтобы реализовать это в нашем коде:
Эта кнопка перенаправит вас по нужной ссылке.
- Автозагрузка
Тем не менее, нам нужно использовать тег ‹button›, чтобы сделать кнопку. Но на этот раз мы собираемся добавить класс с именем «btn btn-». Например:
Если вы заметили, мы использовали класс btn-primary. Но можем ли мы использовать другой класс btn-? Конечно можем! Вы можете перейти по этой ссылке, чтобы получить больше информации 👉 Кнопки-Bootstrap
Не волнуйся, я тебе объясню!
Открыв ссылку, вы увидите следующее:
Эти классы сделают ваши кнопки более стильными.
Вы выберете желаемую тему кнопки. Хм… Ну, продолжу «Опасность».
Просто измените «btn btn-primary» на «btn btn-danger». Вот так:
А теперь у меня есть для вас вызов. Как мы можем внедрить тег «a» в тег «button»?
Мы уже говорили об этом раньше. Вы можете просто добавить тег «кнопка» между началом тега «а» и концом тега «а».
Готово! Однако я советую вам немного потренироваться. У меня есть две задачи для вас.
- Создайте HTML-кнопку со ссылкой на «https://github.com».
- Создайте кнопку Bootstrap, которая ссылается на вашу собственную учетную запись github, используйте тему «info». (Вы можете использовать другую учетную запись, если хотите.)