Как сделать сайт. Видео уроки HTML. Урок 6. Атрибуты HTML

Автор: . 26 Авг 2011 в 14:18

Start Up

Урок 1 ….. Урок 5

Чтобы посмотреть шестой видео-урок, нажмите на эту ссылку:
Шестой видео-урок по HTML.

Ниже, вы найдете текстовое описание шестого видео-урока по HTML:

Продолжаем знакомиться с атрибутами HTML.

В прошлом уроке вы узнали, что атрибуты HTML несут в себе дополнительную, уточняющую информацию для тегов HTML. А также познакомились с атрибутами  HTML, которые можно придать тегу нумерованного списка <ol>.

Теперь перейдем к ненумерованным спискам.

Тегу ненумерованного списка <ul>, также, как и тегу <ol>, можно придать атрибут type, только у этого тега, он имеет, естественно, другие значения.

Обозначение пунктов ненумерованного списка может выглядеть, как окружность – circle, или квадрат – square, третий значок – disk, как мы уже знаем, вставляется по умолчанию. Итак:

<ul type=”square”>

<li>Лето</li>

<li>Осень</li>

<li>Зима</li>

<li>Весна</li>

</ul>

Сохраняем и видим, что теперь у нас квадратики, вместо кружочков.

Для тегов <h1> …… <h6> и для тега <p> применяется атрибут align, для выравнивания заголовка или текста параграфа. Таким образом выравнивание может быть по левому краю – left, по правому краю – right, по центру – center и сразу с обоих краев, выравнивание по ширине – justify, при этом растягиваются промежутки между  словами. Выравнивание по ширине применимо только для длинных заголовков, состоящих, как минимум из двух строк.   По умолчанию выравнивание, и заголовков, и текста, идет по левому краю.

Для наглядности, выровняем наш главный заголовок по центру:

<h1 align=”center”>Главный заголовок<h1>

В общем, я думаю, принцип понятен.

Тег горизонтальной линии <br />, также имеет атрибут align, а также ещё несколько атрибутов color – цвет, size – толщина линии, width – ширина линии, но применение этих атрибутов не одобряется спецификацией HTML и может привести к невалидному коду. Почему?

Потому что, все оформление, определяющее цвет, размер и пр. – это теперь епархия CSS, и оформительские теги HTML постепенно выбывают из обихода веб-мастера.

И я не буду вам показывать, практически, никаких оформительских тегов HTML, чтобы не путать, не забивать вам голову. Оформлением мы займемся в CSS, а в HTML у нас только структура – заголовки, параграфы, абзацы и т.п.

Впрочем, сейчас, для примера, мы можем подставить в тег <br /> пару атрибутов, посмотреть, как это выглядит:

<br color=”red” width=”250″ />

Сохраняем и видим, что наша линия стала красного цвета и сделалась гораздо короче (по умолчанию ее длина равна 100%).

Вообще, атрибутов HTML существует достаточно большое количество. Просто есть те, которые применяются очень часто и для разных тегов, и есть те, что применяются очень редко.

В заключение этого урока,  хочу добавить, что если у вас что-то не получается, например, у меня на экране поменялись цифры на буквы, а у вас нет, ну или еще что-то.

Не расстраивайтесь, это значит, что, скорее всего, вы просто совершили какую-то синтаксическую ошибку, например, не закрыли тег или кавычки. Это случается на каждом шагу. Посмотрите внимательно, проверьте ещё раз, и всё у вас получится.

И по всем вопросам не стесняйтесь обращаться ко мне. На странице “Контакты” есть форма обратной связи, где вы можете задать свой вопрос.

В следующем,  седьмом видео-уроке по HTML, я покажу вам, как делать ссылки и вставлять картинки на страницу.

Урок 5

Лучшие статьи на ваш Email

Подпишитесь на рассылку:

Ваш e-mail: *
Ваше имя: *

 

Похожие статьи:

  1. Как сделать сайт. Видео уроки HTML. Урок 5
  2. Как сделать сайт. Видео уроки по HTML. Урок 1. Структура HTML документа
  3. Как сделать сайт. Видео уроки HTML. Урок 2. Теги HTML p и h1…h6
  4. Как сделать сайт. Видео уроки по HTML. Урок 3. Элемент !DOCTYPE и основные мета-теги
  5. Как сделать сайт. Видео уроки HTML. Урок 4
Рубрики: HTML

Обсуждение
Отзыв Олег 27 Август 2011

Буду заглядывать.

Отзыв Анатолий 27 Август 2011

Очень нужный материал, спасибо. \постараюсь осилить.

Отзыв Константин 27 Август 2011

Отличный цикл видео уроков по HTML! Поместил в закладки! Если будете оформлять на диск, как информ-продукт, то я с удовольствием бы купил))) Знание языка HTML необходимо несмотря на наличие самых различных редакторов и готовых плагинов и тем!

Отзыв Владимир 28 Август 2011

Я в дебри пока не лезу, ни кчему вроде бы.

Отзыв Сергей 31 Май 2012

Когда выйдет 7 урок по HTML&

Отзыв marishon 28 Август 2012

Мне нравятся уроки по HTML . Вот дошла до 7-го урока, а его нет. Искала везде, но не нашла. А хочется продолжить. Уже затянуло. Когда он выйдет?
Было бы не плохо найти следующие уроки.
С УВАЖЕНИЕМ….

Ваш отзыв