- •Краткие сведения из теории
- •Основные тэги языка html Тэги, определяющие структуру документа
- •Тэги, определяющие внешний вид документа
- •Тэги, применяемые для создания списков
- •Тэги, применяемые для вставки различных разделителей
- •Тэги, применяемые для вставки ссылок и графики
- •Тэги, применяемые для описания таблиц
- •Вставка бегущей строки
- •Порядок выполнения задания 1
- •Контрольные вопросы
Тэги, определяющие внешний вид документа
Наименование |
Описание тэга |
Атрибуты |
Описание назначения атрибута |
<b> текст </b> |
выделение текста полужирным |
|
|
<i> текст </i> |
выделение текста курсивом |
|
|
<u> текст </u> |
выделение текста подчеркиванием |
|
|
<sup> текст </sup> |
перевод текста в верхний индекс |
|
|
<sub> текст </sub> |
перевод текста в нижний индекс |
|
|
<font> текст </font> |
установка параметров форматирования текста, определенных соответствующими атрибутами |
size=n |
установка размера шрифта. n принимает значения от 1 до 7 |
color=цвет |
установка цвета шрифта |
||
face=наименование типа шрифта |
установка типа шрифта, например Arial или Times New Roman |
||
<multicol> текст </multicol> |
создание многоколоночного текста |
cols=n |
задает количество колонок - n |
Примечание: в представленной выше таблице указано, что размер шрифта текста устанавливается числовыми константами от 1 до 7. Установим соответствие между каждой константой и размером шрифта в пунктах.
Номер размера |
Размер в пунктах |
1 |
8 |
2 |
10 |
3 |
12 |
4 |
14 |
5 |
18 |
6 |
24 |
7 |
36 |
По умолчанию размер шрифта равен 3, то есть соответствует 12 пунктам.
Примечание: порядок закрытия тэгов, определяющих форматирование некоторого фрамента web-страницы, должен быть обратным. Это означает, что если открывающие тэги были применены в такой последовательности <i><b><font color=red>, то закрывающие должны быть записаны так: </font></b></i>.
<i><b><font color=red>фрагмент текста</font></b></i>
Тэги, применяемые для создания списков
Список - упорядоченная последовательность промаркированных или пронумерованных элементов, связанных друг с другом единым смыслом.
Списки на web-страницах делятся на 4 класса:
Нумерованные (ordered list - упорядоченные) - все данные представляются а определенном порядке (в порядке их нумерации)
Маркированные ( unordered list - неупорядоченные) - все данные перечисляются в произвольном порядке. К каждому элементу списка добавляется маркер
Многоуровневые - списки, содержащие вложенные в них другие списки
Списки определений (definition list)- списки,содержащие термины на первом уровне и расшифровку терминов - на втором.
Тэги для работы с маркированными списками |
|
Наименование |
Описание |
<ul>элементы списка</ul> |
открывающий и закрывающий тэги маркированного списка |
<li>конкретный элемент списка</li> |
определение конкретного элемента списка |
Тэги для работы с нумерованными списками |
|
Наименование |
Описание |
<ol>элементы списка</ol> |
открывающий и закрывающий тэги нумерованного списка |
<li>конкретный элемент списка</li> |
определение конкретного элемента списка |
Тэги для работы со списками определений |
|
Наименование |
Описание |
<dl>элементы списка</dl> |
открывающий и закрывающий тэги списка определений |
<dt>термин</dt> |
описывает термин |
<dt>определение</dt> |
описывает конкретное определение термина |
Форматирование нумерованных списков заключается в изменении стиля и порядка нумерации. Указанные параметры можно устанавливать при помощи соответствующих атрибутов type - определяет стиль нумерации, start - определяет номер начального элемента списка, относящихся к дескриптору <ol>.
<ol type=значение start=номер начального элемента списка>
Описание значений атрибута type для нумерованного списка |
||
Значение |
Описание |
Пример |
1 |
стандартная нумерация |
1,2,3 |
I |
нумерация прописными римскими цифрами |
I,II,III |
i |
нумерация строчными римскими цифрами |
i,ii,iii |
A |
нумерация прописными латинскими буквами |
A,B,C |
a |
нумерация строчными латинскими буквами |
a,b,c |
Форматирование маркированных списков заключается в изменении типа маркеров. Указанный параметр можно устанавливать при помощи соответствующего атрибута type, относящегося к дескриптору <ul>.
Описание значений атрибута type для маркированного списка |
|
Значение |
Описание |
square |
устанавливает маркер в виде черного заштрихованного квадрата |
circle |
устанавливает маркер в виде белого незаштрихованного кружочка |
disc |
устанавливает маркер в виде черного заштрихованного кружочка |
Пример
результат в браузере |
html-код |
нумерованный список |
|
К тексту можно применить начертание:
|
К тексту можно применить начертание: <ol> <li>полужирное</li> <li>курсивное</li> <li>подчеркнутое</li> </ol> |
маркированный список |
|
К тексту можно применить начертание:
|
К тексту можно применить начертание: <ul type=square> <li>полужирное</li> <li>курсивное</li> <li>подчеркнутое</li> </ul> |