HTML - основы

Спецсимволы

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

Пример:

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

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

Списки

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

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

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

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

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

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

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

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

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

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

Пример:

Вместо обычных цифр можно сделать список начинающийся с латинских букв (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">

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

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

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

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

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

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

Пример:

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

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

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

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

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

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

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

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

Отдел маркетинга

Данный отдел занимается продвижением продуктов и услуг

Финансовый отдел

Данный отдел занимается всеми финансовыми операциями

Отдел кадров

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

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

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

Пример:

Получаем:

Химия

Наука о веществах их составе и свойствах

Физика

Наука о физических явлениях

Русский

Русский язык должен знать каждый

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

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

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

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

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

Реклама