Служба рассылок "Рассылки@Mail.Ru"

Письмо рассылки "Строим сайт от А до Я" от 09 июля 2003 года

Строим сайт от А до Я. Шестой выпуск.
Строим сайт от А до Я. Шестой выпуск.


Шестой выпуск. От 09.07.2003
Ведущий рассылки: Troitskaya Ketee
Написать мне stroimsait@front.ru
Архивы рассылки:Здесь
Содержание рассылки:

Изучаем HTML

  1. Спецсимволы
  2. Списки
  3. Контакты

Добрый день.
Продолжаем изучать HTML. Скоро мы подойдем к самому интересному. Сегодня мы рассмотрим спецсимволы и списки. А в следующих выпусках мы узнаем как вставлять картинки и создавать ссылки.
Как всегда напоминаю, что каждый новый выпуск рассылки является логическим продолжением предыдущих. Если Вы только что к нам присоединились, то настоятельно рекомендую Вам ознакомиться с предыдущими выпусками. Сделать это можно Здесь .

1.Спецсимволы

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

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

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

2. Списки

Предисловие

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

  • Физика
  • Химия
  • История
  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>

На сегодня все.

3. Контакты

Задать свои вопросы
Поделиться мнением, успехами и неудачами Вы можете по адресу stroimsait@front.ru
Основные вопросы будут рассматриваться в следующих рассылках.


© 2003 Troitskaya Ketee

Архив рассылки: http://content.mail.ru/arch/arch_10662.html


 Поиск: 
В Интернете  В Каталоге

Новости · Деньги · Спорт · Авто · Погода · Афиша · Музыка · ТВ · Софт
Аукцион · Покупки · Путешествия · Сувениры · Мой сайт · Работа
Знакомства · Открытки · Анекдоты · Гороскопы · Форумы · Чаты
Рейтинг · Каталог · Рассылки · Баннерные сети · Реклама на Mail.ru

Рейтинг@Mail.ru