Шпаргалки для начинающего верстальщика HTML/CSS - страница 4
Кратко опишу теги, примененные выше в коде
button – данный тег создает кликабельную кнопку.
img – добавляет на веб-страницу HTML-изображения. Это одиночный тег. У него есть обязательный атрибут src, который указывает путь к изображению, и необязательный атрибут alt, который содержит в себе резервный контент. То есть если на веб-странице по какой-либо причине не откроется изображение, на ней будет указана информация, которую содержит атрибут alt.
Пример кода:
form содержит наше форму поиска, рассмотрим ее подробнее далее.
Ширина изображения
По умолчанию изображения отображаются реальным размером, однако мы можем изменить его размер через атрибут width, который задает ширину изображению
Форма поиска по сайту
Запишем отдельно общий пример формы поиска по сайту
form – определяет форму в HTML документе. По сути данный элемент – это просто контейнер, внутри которого можно разместить разные надписи, элементы управления и типы входных элементов, флажки, радио-кнопки и пр.
input – ключевой элемент тега form, он определяет пользовательское поле для ввода информации. Поле ввода может принимать различный вид, который зависит от атрибута, который применен к input. К примеру, placeholder.
type – указывает браузеру, к какому типу относится элемент формы.
placeholder – это атрибут тега input, он указывает подсказку, которая описывает ожидаемое значение для ввода в элемент:
– email (поле для адреса электронной почты)