Как сделать сайт. Видео уроки HTML. Урок 5

Автор: . 25 Авг 2011 в 22:00

Start Up

Урок 1 …. Урок 4

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

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

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

Списки бывают нумерованные и ненумерованные.

Нумерованный список определяется тегом <ol></ol>, а каждый элемент внутри списка определяется тегом <li></li>.

Создадим список чего нибудь:

<ol >

<li>Лето</li>

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

<li>Зима</li>

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

</ol>

Вот наш нумерованный список готов. Сохраним, посмотрим.

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

Ненумерованные списки определяются тегом <ul></ul>,  элементs внутри списка определяется тем же тегом <li></li>.

<ul>

<li>Лето</li>

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

<li>Зима</li>

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

</ul>

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

Атрибут – это дополнительная, уточняющая информация для тега. Разные теги могут применять и одинаковые  атрибуты, и совершенно разные, свойственные только этому конкретному тегу.

Сейчас посмотрим, какие атрибуты мы можем применить к тегу <ol>.

Во-первых, атрибут type, который имеет несколько значений:

“A” – заглавные латинские буквы

“a”- строчные латинские буквы

“I” – заглавные римские цифры

“i”- строчные римские цифры

Арабские цифры, как мы уже видели, применяются по умолчанию.

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

<ol type=”a”>

<li>Лето</li>

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

<li>Зима</li>

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

</ol>

Сохраняем, смотрим.

Ну вот, как видим, цифры у нас поменялись на буквы.

Ещё один атрибут этого тега start.

Атрибут start устанавливает номер с которого будет начинаться список. При этом тип списка, установленный с помощью атрибута type, может быть любой.

Сделаем, например, type строчными латинскими буквами, а start установим с десятой цифры:

<ol type=”a” start=”10″>

<li>Лето</li>

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

<li>Зима</li>

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

</ol>

Сохраним и посмотрим, что получилось:

j. Лето

k. Осень

l. Зима

m. Весна

Одновременно вы узнали, как можно подставлять в тег сразу несколько атрибутов.

Об атрибутах тега <ul> для ненумерованных списков, а также об атрибутах других тегов, которые вы уже знаете,  тегов заголовка и параграфа, я расскажу в следующем, шестом видео уроке по HTML.

Урок  4  Урок 6

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

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

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

 

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

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

Обсуждение
Отзыв Анатолий 29 Август 2011

Да тяжел ты гранит науки.Как в дремучем лесу.Но упорство и труд все перетрут.Спасибо.

Отзыв Михаил 3 Июль 2012

душевное спасибо за уроки! следуя советам, многое понял и даже решился на создание своего сайта… Еще раз спасибо за работу!!!

Ваш отзыв