Атрибуты в HTML

Мы уже рассмотрели некоторые аттрибуты типа src, href и border. Как уже можно было понять, они нужны, чтобы каким-либо образом настраивать элементы на странице.

Помимо уже рассмотренных аттрибутов есть также много других разных аттрибутов.

Рассмотрим некоторые на примерах.

С помощью аттрибута width можем задать ширину элементам.

С помощью аттрибута height можем задать высоту элементам.

Аттрибут align может быть у некоторых html тегов. Он может размещать элементы страницы справа, по центру или слева. По умолчанию всё справа. Давайте на нашей странице разместим всё по середине.

Page tab text

Большой заголовок

заголовок поменьше

Еще меньше

Какой-то текст в теге р.

Какой-то текст в строке 1

Какой-то текст в строке 1

Какой-то текст в строке 1

Какой-то текст в строке 2

Какой-то текст в строке 2

Какой-то текст в строке 2

Какой-то текст в строке 3

Какой-то текст в строке 3

Какой-то текст в строке 3







Кликни на меня и перейди на ютуб

Давайте откроем только что написанную страницу в браузере.

Как видим, аттрибут align-"center" и тег <center> сработали успешно. Всё размещено по середине страницы.

Также теги width и height очевидно тоже сработали. Изменилась высота первой строки таблицы, изменилась ширина всей таблицы и изменилась ширина и высота картинки.

Example

Выводы:

Азы html верстки можно сказать изучены.

Разных тегов и аттрибутов довольно много и лучше запоминать их с опытом верстки. Сидеть и заучивать их всех не рекомендуется. Лучше вместо этого потратить время на то чтобы самому сверстать страничку с Гуглом под рукой, но после изучения также и CSS, так как только HTML не достаточно для полноценной верстки.

Поэтому перейдем к CSS. По ходу изучения CSS будут рассмотрены и некоторые другие важные HTML теги и концепции верстки.

Базовые концепции CSS

Основы CSS: разделение структуры и дизайна, подключение стилей, работа с селекторами. Практическое руководство по оформлению HTML-страниц.
Time to read: 15

Что такое классы в CSS

Узнайте, как создавать и применять CSS-классы для стилизации любых HTML-элементов. Примеры кода и преимущества повторного использования стилей.
Time to read: 15

Что такое div блок и зачем он нужен

Изучите тег div в HTML: как использовать для структуры страницы, стилизации через CSS и группировки элементов. Практические примеры и свойства.
Time to read: 15