Размер шрифта
-
+

Шпаргалки для начинающего верстальщика HTML/CSS - стр. 3

// весь контент, вся информация располагается в контейнере

Далее верстаем шапку.

Оформляем шапку сайта в HTML (тип 1)

Первый тип состоит из логотипа, формы поиска, аватар пользователя.



Стандартный HTML-код для первого типа шапки сайта будет выглядеть так:

Логотип

Ширина изображения

По умолчанию изображения отображаются реальным размером, однако мы можем изменить его размер через атрибут width, который задает ширину изображению

Форма поиска по сайту

Запишем отдельно общий пример формы поиска по сайту



form – определяет форму в HTML документе. По сути данный элемент – это просто контейнер, внутри которого можно разместить разные надписи, элементы управления и типы входных элементов, флажки, радио-кнопки и пр.

input – ключевой элемент тега form, он определяет пользовательское поле для ввода информации. Поле ввода может принимать различный вид, который зависит от атрибута, который применен к input. К примеру, placeholder.

Страница 3