Rambler's Top100
Главная
Скачать (Download)
Dreamweaver CS6
Dreamweaver CS5
Dreamweaver CS4
Dreamweaver 8
Dreamweaver MX 2004
Dreamweaver 4
Уроки (Tutorials)
Видеоуроки new!!!

Fireworks
ЧаВо
Документация
Статьи
Программы и скрипты
Бесплатные шаблоны
Каталог сайтов
Форум
Карта сайта
Контакты

стоимость пгс Гатчина и Гатчинский район

Документация - WebMoney
- HTML - основы
- Сервер - локально
- Справочник свойств CSS1

главная > документация

HTML - основы

Спецсимволы

Существуют символы при использовании которых могут возникать проблемы.
Так например, что бы вывести в тексте угловые скобки < > нужно вставить либо числовой код, либо использовать мнемоническую кодировку (более часто используют именно мнемоническую кодировку). Таблицу спецсимволов см. в приложении.

Пример:

Допустим нам надо сделать вот такую фразу:
< Спецсимволы- это головная боль > Сделаем это так.

&lt; Спецсимволы- это головная боль &gt;
или вот так (результат один и тот же)
&#60 Спецсимволы- это головная боль &#62

Списки

Теперь поговорим о списках. В начале выясним, что это такое.
Примеры списков:


  • Физика
  • Химия
  • История

  1. Физика
  2. Химия
  3. История

Надеюсь теперь понятно что такое списки. Очень часто списки используют для создания оглавления.

Списки бывают:

  • пронумерованные
  • непронумерованные
  • списки описаний

Пронумерованные списки

Пример пронумерованных списков:

  1. Физика
  2. Химия
  3. История

Пронумерованный список начинается стартовым тегом <ol> и завершается тегом </ol>. А каждый элемент списка начинается с тега <li>.

Пример:

<ol>
<li>Физика
<li>Химия
<li>История
</ol>

Вместо обычных цифр можно сделать список начинающийся с латинских букв (A,B,C...) и римских цифр (I,II,III...).
Для этого используем атрибут type . У этого атрибута могут быть следующие значения:

A - большие латинские буквы (A,B,C...)
a - маленькие латинские буквы (a,b,c...)
I - большие римские цифры (I,II,III...)
i - маленькие римские цифры (i,ii,iii...)
1 - обычные цифры (1,2,3...)

Используем конструкцию <тег атрибут="значение">, получаем
<ol type="A">

Рассмотрим всевозможные примеры:

1).
  1. Физика
  2. Химия
  3. История
<ol type ="A">
<li>Физика
<li>Химия
<li>История
</ol>

2).
  1. Физика
  2. Химия
  3. История
<ol type ="a">
<li>Физика
<li>Химия
<li>История
</ol>

3).
  1. Физика
  2. Химия
  3. История
<ol type ="I">
<li>Физика
<li>Химия
<li>История
</ol>

4).
  1. Физика
  2. Химия
  3. История
<ol type ="i">
<li>Физика
<li>Химия
<li>История
</ol>

5).
  1. Физика
  2. Химия
  3. История
<ol type ="1">
<li>Физика
<li>Химия
<li>История
</ol>
Чтобы показать с какого числа надо делать отсчет используем атрибут start, а в качестве значения используем число с которого надо вести отсчет.

Рассмотрим примеры:

1).
  1. Физика
  2. Химия
  3. История
<ol type ="1" start ="13">
<li>Физика
<li>Химия
<li>История
</ol>

2).
  1. Физика
  2. Химия
  3. История
<ol type ="i" start ="103">
<li>Физика
<li>Химия
<li>История
</ol>

3).
  1. Физика
  2. Химия
  3. История
<ol type ="A" start ="55">
<li>Физика
<li>Химия
<li>История
</ol>

Непронумерованные списки

Пример непронумерованных списков:

  • Физика
  • Химия
  • История

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

Пример:

<ul>
<li>Физика
<li>Химия
<li>История
</ul>

Вместо черного кружочка можно сделать полый кружок или квадратик.
Для этого используем атрибут type . У этого атрибута могут быть следующие значения:

disk- получаем закрашенный кружок, используется по умолчанию
circle - полый кружок
square - квадратик

Используем конструкцию <тег атрибут="значение">, получаем
<ul type="square">

Рассмотрим всевозможные примеры:

1).
  • Физика
  • Химия
  • История
<ul type ="circle">
<li>Физика
<li>Химия
<li>История
</ul>

2).
  • Физика
  • Химия
  • История
<ul type ="disk">
<li>Физика
<li>Химия
<li>История
</ul>

3).
  • Физика
  • Химия
  • История
<ul type ="square">
<li>Физика
<li>Химия
<li>История
</ul>

Списки описаний

Допустим нам надо сделать список где будет присутствовать термин и его описание.

Пример списка описания:

Отдел маркетинга
Данный отдел занимается продвижением продуктов и услуг
Финансовый отдел
Данный отдел занимается всеми финансовыми операциями
Отдел кадров
Данный отдел занимается учетом и набором новых сотрудников фирмы.

Список описания начинается стартовым тегом <dl> и завершается тегом </dl>.

Каждый термин начинается тэгом <dt> , а описание - тэгом <dd>.

Пример:

<dl>
<dt> Химия
<dd> Наука о веществах их составе и свойствах
<dt> Физика
<dd> Наука о физических явлениях
<dt> Русский
<dd> Русский язык должен знать каждый
</dl>

Получаем:

Химия
Наука о веществах их составе и свойствах
Физика
Наука о физических явлениях
Русский
Русский язык должен знать каждый

Вложенные списки

Пример вложенных списков:

  1. Отдел рекламы
    • Иванов И.И.
    • Петров К.В.
  2. Отдел продаж
    • Сидоров Е.Л.
    • Дудников Д.М.

А теперь как это сделать: Просто вставляем между пунктами пронумерованного списка непронумерованный список.

пронумерованный список выделен красным цветом.
непронумерованный список выделен синим цветом

<ol>
<li> Отдел рекламы

<ul>
<li> Иванов И.И.
<li> Петров К.В.
</ul>

<li> Отдел продаж
<ul>
<li> Сидоров Е.Л.
<li> Дудников Д.М.
</ul>

</ol>

<< назад

главная > документация

Реклама

Простой конкурс с денежными призами!



http://www.компания-кондор.рф/ клей ВК-26М. Химический каталог термостойкие клеи.

Rambler's Top100 Рейтинг@Mail.ru