На главную   |  

Как нарисовать открытку



Как нарисовать открытку

Маркированный список определяется тем, что перед каждым элементом списка добавляется небольшой маркер, обычно в виде закрашенного кружка. Сам список формируется с помощью контейнера <ul>, а каждый пункт списка начинается с тега <li>, как показано ниже.

<ul>
 <li>Первый пункт</li>
 <li>Второй пункт</li>
 <li>Третий пункт</li>
</ul>

В списке непременно должен присутствовать закрывающий тег </ul>, иначе возникнет ошибка. Закрывающий тег </li> хотя и не обязателен, но советуем всегда его добавлять, чтобы четко разделять элементы списка.

В примере  11.1 приведен код HTML для добавления маркированного списка на веб-странице.

Пример 11.1. Создание маркированного списка

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML  4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>Маркированный список</title>
 </head>
 <body>
   <hr>
   <ul>
     <li>Чебурашка</li>
     <li>Крокодил Гена</li>
     <li>Шапокляк</li>
     <li>Крыса Лариса</li>
   </ul>
   <hr>
 </body>
</html>

Результат данного примера показан на рис. 11.1.

Рис. 11.1

Рис. 11.1. Вид маркированного списка

Обратите внимание на отступы сверху, снизу и слева от списка. Такие отступы добавляются автоматически.

Маркеры могут принимать один из трех видов: круг (по умолчанию), окружность и квадрат. Для выбора стиля маркера используется атрибут type тега <ul>. Допустимые значения приведены в табл. 11.1

Табл. 11.1. Стили маркеров списка
Тип списка Код HTML Пример
Список с маркерами в виде круга <ul type="disc">
<li>...</li>
</ul>
  • Первый
  • Второй
  • Третий
Список с маркерами в виде окружности <ul type="circle">
<li>...</li>
</ul>
  • Первый
  • Второй
  • Третий
Список с квадратными маркерами <ul type="square">
<li>...</li>
</ul>
  • Первый
  • Второй
  • Третий

Вид маркеров может незначительно различаться в разных браузерах, а также при смене шрифта и размера текста.

Создание списка с квадратными маркерами показано в примере 11.2.

Пример 11.2. Вид маркеров

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>Маркированный список</title>
 </head>
 <body>
  <p><strong>Изменение убеждений</strong></p>
  <ul type="square">
   <li>изменение религиозной веры (на выбор: буддизм, конфуцианство, индуизм). 
       Специальное предложение - иудаизм и мусульманство вместе;</li>
   <li>изменение веры в непогрешимость любимой партии;</li>
   <li>убеждение в том, что инопланетяне существуют;</li>
   <li>предпочтение политического строя, как самого лучшего в своем роде 
       (на выбор: феодализм, социализм, коммунизм, капитализм).</li>
  </ul>
 </body>
</html>

Результат данного примера показан на рис. 11.2.

Рис. 11.2

Рис. 11.2. Вид списка с квадратными маркерами

Дизайн рисунков френчей для квадратных ногтей 27
Как нарисовать открытку 397
Женские стрижки
Как нарисовать открытку 205
Предохранители и реле (расположение, назначение) Киа
Как нарисовать открытку 724
Как
Как нарисовать открытку 630
Thomas-Morse S-5 Seaplan (Modelik 26/2011) из бумаги, модели бумажные
Как нарисовать открытку 623
Возможные неисправности тормозной системы
Как нарисовать открытку 100
Как нарисовать открытку 70
Как нарисовать открытку 65
Как нарисовать открытку 64
Как нарисовать открытку 58
Как нарисовать открытку 8
Как нарисовать открытку 51
Как нарисовать открытку 14
Как нарисовать открытку 49
Как нарисовать открытку 69


Теги:

Как завязать цветочек на подарке  Как правильно сделать слив из бассейна  Маникюр с фруктами рисунок  Как сделать прическу для косплея  Дизайн двух ком квартиры фото  Как сделать гнездо в брусе  Схема сделать макет дома из  Состав комплекта дизайн проекта  Как сделать спас 12 из лего  Как сделать шрифт в посте  Варианты стрижек в домашних условиях  Как изготовит огородное чучело своими руками  Прикольные поздравления ко дню фотографа  Поздравления с крещением ребенка крестного папу  Фото армянки в домашних условиях  Сделать реставрацию дверей своими руками  Террария википедия как сделать  Усилитель на 2 ватта своими руками  Вязание спицами детских жаккардовых рисунков.  Как оплатить подарок в мой мир  Как самой сделать уничтожь меня своими руками  Поздравление папе с днём пограничника в прозе  Как сделать видеоконференцию на андроид  Прическа поля погба 2018  

 Рейтинг@Mail.ru
Закрыть ... [X]
Карта сайта