 |
Дополнительные возможности форматирования
|
|
|
|
1. Метка <FONT SlZE =paзмep> определяет размер шрифта. Для установки размера всего текста предназначена метка <BASEFONT= размер >
2. Цвет текста определяет метка <BODY TEXT = «#nnnnnn»>. Кроме того, метка <BODY> поддерживает атрибут BGCOLOR, определяющий цвет фона.
Таблица цветов (в PhotoShop есть полная палитра цветов в кодах)
| Формат | Цвет |
| #000000 | Черный |
| #FFFFFF | Белый |
| #FF0000 | Красный |
| #00FF00 | Зеленый |
| #0000FF | Синий |
| #FF00FF | Вишневый |
| #00FFFF | Голубой |
| #FFFF00 | Желтый |
3. Способ нумерации в нумерованных списках задает метка <OL TYPE= тип >, а метка <UL ТYРЕ= тип > определяет маркер для маркированных списков. Тип может принимать значения: disc, circle, square.
4. Графика страницы загружается быстрее, если в метке <IMG> определить высоту HEIGHT и ширину WIDTH.
5. Для центрирования текста, абзацев, заголовков и графики применяется метка <CENTER>.
6. Форматирование линии производится в соответствии с таблицей:
| Расширение <HR> | Действие |
| <HR WIDTH=x> | Определяет ширину линии в х пикселов. |
| <HR WIDTH=x%> | Определяет ширину линии в х процентов экрана. |
| <HR SIZE=n> | Определяет толщину линии в п единиц (принятая по умолчанию толщина соответствует одной единице). |
| <HR ALIGN=LEFT> | Выравнивает линию по левому полю. |
| <HR ALIGN=CENTER> | Центрирует линию |
| <HR ALIGN=RIGHT> | Выравнивает линию по правому полю. |
| <HR NOSHADE> | Выводит линию плоской (а не объемной на экране). |
Создание таблиц
1. Таблица представляет собой прямоугольную сетку строк и столбцов.
2. Таблицы лучше структурируют текст, чем метки <PRE>, так как с таблицами проще работать, в них можно включать изображения и связи и допускается применять метки для форматирования текста, например вывода его жирным или курсивным шрифтом.
|
|
|
3. Текст и метки таблицы находятся внутри меток <TABLE> и </TABLE>. Чтобы вокруг таблицы выводилась рамка, применяется метка <TABLE BORDER>
4. Каждая строка определяется метками <TR> и </TR>, a для создания клеток применяются метки <TD> и </TD>.
5. Для превращения клетки в надпись (жирный центрированный текст) вместо меток <TD> и </TD> используются метки <ТН> и </ТН>.
6. Чтобы указать для таблицы содержательное название, применяется метка <CAPTION ALIGN= где >, в которой где может быть ТОР или BOTTOM.
7. Метки <TD> и <ТН> позволяют определить горизонтальное и вертикальное выравнивания. Для горизонтального выравнивания предназначена метка <TD ALIGN =выравнивание> или <ТН ALIGN= выравнивание>, где выравнивание может быть LEFT, CENTER или RIGHT. Для вертикального выравнивания предназначена метка <TD VALIGN =вертикальное> или <ТН VALIGN =вертикальное>, где вертикальное может быть TOP, MIDDLE или BOTTOM.
8. Чтобы клетка перекрывала несколько столбцов, применяется метка <TD COLSPAN= столбцы>, где столбцы показывают число перекрываемых столбцов. Чтобы клетка перекрывала несколько строк, используется метка <TD ROWSPAN= строки >, где строки показывает число перекрываемых строк.
9. Расширения действуют с меткой <TABLE> и включают в себя атрибуты BORDER (для изменения размера рамки), WIDTH (для определения ширины таблицы), CELLSPACING (для изменения промежутка между каждой клеткой) и CELLPADDING (для изменения промежутка между содержимым клетки и ее рамкой).
Бланк
1. Бланк представляет собой страницу, заполненную разновидностями диалоговых боксов — текстовыми боксами, контрольными боксами и командными кнопками, которые применяются для получения информации от читателя.
2. Базовый бланк обрамлен метками <FORM> и </FORM>, причем в метке <FORM> имеются атрибуты ACTION и METHOD.
3. Чтобы пользователь мог послать данные бланка, применяется кнопка submit:
|
|
|
<INPUT TYPE=SUBMIT VALUE= «Отметка» >
4. Для очистки данных бланка и нового его заполнения применяется кнопка reset:
<INPUT TYPE=RESЕT VALUE= «Отметка» >
5. Ввод читателем простого текста производится в текстовые боксы:
<INPUT TYPE=TEXT NАМЕ= «Имя _ поля»>
6. Для ввода длинного или многострочного текста применяется текстовая область:
<TEXTAREA NАМЕ=«Имя _ поля» ROWS= Всего_строк СОLS = Всего_столбцов WRAP> </TЕХТАRЕА>
7. Для ввода информации типа Да/Нет или Истина/Ложь предназначены контрольные боксы:
<INPUT TYPE=CHECKBOX NАМЕ=«Имя _ поля» > Отметка
8. Радиокнопки предоставляют читателю несколько опций:
<INPUT TYPE=RADIO NАМЕ=«Имя _ поля» VАLUЕ= Значение» > Отметка
9. Для большого числа опций применяется список выбора:
<SELECT NАМЕ=«Имя _ поля» SIZЕ=Элементы>
<ОРТION> Текст первого элемента </ОРТION>
<OPTION> Текст второго элемента </ОРТION>
<OPTION> и т.д. </OPTION>
</SELECT>
Справочник языка HTML
Скелет страницы Web
<HTML>
<HEAD>
<TITLE>Название окна страницы сайта</ТITLЕ>
</HEAD>
<BODY>
Все наполнение страницы сайта (тело)
</BODY>
</HTML>
Метки для абзацев и др.
Новый абзац <Р>
Горизонтальная линия <HR>
Конец строки <BR>
Заголовки <Н1> (наибольший) <Н6> (наименьший)
Форматирующие метки
Жирный <В>Текст будет жирным</В>
Курсив <I>Текст будет курсивным</I>
Подчеркивание <U>Текст будет подчеркнутым</U>
Моноширинный <ТТ>Текст будет похож на печать пишущей машинки</ТТ>
Форматированный <PRE>Текст сохраняет все пробелы и табуляции</РRЕ>
Маркированный список
<UL>
<LI>Первый элемент
<LI>Второй элемент
и т.д.
</UL>
Нумерованный список
<OL>
<LI>Первый маркер
<LI>Второй маркер
и т.д.
</OL>
Список определений
<DL>
<DТ>Первый термин
<DD>Первое определение
<DT>Второй термин
<DD>Второе определение и т.д.
Метки связей
| Внешняя связь | <А HREF= «URL»>Teкст связи</А> |
| Якорь | <А NАМЕ= «Имя якоря»>Текст якоря</А> |
| Внутренняя связь | <А НRЕF= «#Имя якоря»>Текст связи</А> |
| Электронная почта | <А HREF= «mailto: Ваш адрес»>Текст связи</А> |
| FTP (каталог) | <А НRЕF= «ftp://хост/каталог/»>Текст связи</А> |
| FTP (файл) | <А НRЕF= «ftp:/хост/каталог/имя»>Текст связи</А> |
|
|
|
Метки изображений
| Базовое изображение | <IMG SRС= «имя_файла»> |
| Изображение, выровненное с верхом текста | <IMG SRС= «имя_файла» ALIGN=TOP> |
| Изображение, выровненное с серединой текста | <IMG SRС= «имя_файла» ALIGN=MIDDLE> |
| Изображение, выровненное с низом текста | <IMG SRС= «имя_файла» ALIGN=BOTTOM> |
| Изображение с альтернативным текстом | <IMG SRС= «имя_файла» ALT= «Альт. текст»> |
Метки таблицы
<TABLE BORDER>
<CAPTION ALIGN=TOP | BOTTOM>Teкст надписи.</САРТION>
<TR>
<ТD>Первая строка, первый столбец</TD>
<ТD>Первая строка, второй столбец</TD>
<TD>Первая строка, третий столбец</TD>
</TR>
<TR>
<ТD>Вторая строка, первый столбец</TD>
<ТD>Вторая строка, второй столбец</TD>
<ТD>Вторая строка, третий столбец</TD>
</TR>
и т.д.
</TABLE>
Заголовки
<TR>
<ТН>Заголовок первого столбца</TН>
<ТН>Заголовок второго столбца</TН>
<ТН>И так далее до конца</TН>
</TR>
|
|
|
