Содержание рассылки:
Изучаем HTML
- Спецсимволы
- Списки
- Контакты
Добрый день.
Продолжаем изучать HTML. Скоро мы подойдем к самому интересному. Сегодня мы рассмотрим спецсимволы и списки. А в следующих выпусках мы узнаем как вставлять картинки и создавать ссылки.
Как всегда напоминаю, что каждый новый выпуск рассылки является логическим продолжением предыдущих. Если Вы только что к нам присоединились, то настоятельно рекомендую Вам ознакомиться с предыдущими выпусками. Сделать это можно Здесь .
1.Спецсимволы
Существуют символы при использовании которых могут возникать проблемы.
Так например, что бы вывести в тексте угловые скобки < > нужно вставить либо числовой код, либо использовать мнемоническую кодировку (более часто используют именно мнемоническую кодировку). Таблицу спецсимволов см. в приложении.
Пример:
Допустим нам надо сделать вот такую фразу:
< Спецсимволы- это головная боль > Сделаем это так.
< Спецсимволы- это головная боль >
или вот так (результат один и тот же)
< Спецсимволы- это головная боль >
2. Списки
Предисловие
Теперь поговорим о списках. В начале выясним, что это такое.
Примеры списков:
Надеюсь теперь понятно что такое списки. Очень часто списки используют для создания оглавления.
Списки бывают:
- пронумерованные
- непронумерованные
- списки описаний
Пронумерованные списки
Пример пронумерованных списков:
- Физика
- Химия
- История
Пронумерованный список начинается стартовым тегом <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). |
- Физика
- Химия
- История
|
<ol type ="A">
<li>Физика
<li>Химия
<li>История
</ol>
|
|
2). |
- Физика
- Химия
- История
|
<ol type ="a">
<li>Физика
<li>Химия
<li>История
</ol>
|
|
3). |
- Физика
- Химия
- История
|
<ol type ="I">
<li>Физика
<li>Химия
<li>История
</ol>
|
|
4). |
- Физика
- Химия
- История
|
<ol type ="i">
<li>Физика
<li>Химия
<li>История
</ol>
|
|
5). |
- Физика
- Химия
- История
|
<ol type ="1">
<li>Физика
<li>Химия
<li>История
</ol>
|
Чтобы показать с какого числа надо делать отсчет используем атрибут start, а в качестве значения используем число с которого надо вести отсчет.
Рассмотрим примеры:
1). |
- Физика
- Химия
- История
|
<ol type ="1"
start ="13">
<li>Физика
<li>Химия
<li>История
</ol>
|
|
2). |
- Физика
- Химия
- История
|
<ol type ="i"
start ="103">
<li>Физика
<li>Химия
<li>История
</ol>
|
|
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>
Получаем:
- Химия
- Наука о веществах их составе и свойствах
- Физика
- Наука о физических явлениях
- Русский
- Русский язык должен знать каждый
Вложенные списки
Пример вложенных списков:
- Отдел рекламы
- Отдел продаж
- Сидоров Е.Л.
- Дудников Д.М.
А теперь как это сделать: Просто вставляем между пунктами пронумерованного списка непронумерованный список.
пронумерованный список выделен красным цветом.
непронумерованный список выделен синим цветом
<ol>
<li> Отдел рекламы
<ul>
<li> Иванов И.И.
<li> Петров К.В.
</ul>
<li> Отдел продаж
<ul>
<li> Сидоров Е.Л.
<li> Дудников Д.М.
</ul>
</ol>
На сегодня все.
3. Контакты
Задать свои вопросы
Поделиться мнением, успехами и неудачами Вы можете по адресу stroimsait@front.ru
Основные вопросы будут рассматриваться в следующих рассылках.
© 2003 Troitskaya Ketee