Если у вас возникли сложности с курсовой, контрольной, дипломной, рефератом, отчетом по практике, научно-исследовательской и любой другой работой - мы готовы помочь.
Предоплата всего
Подписываем
Лабораторный практикум
по Web-технологиям
Основы HTML технологий
Лабораторный практикум
Лабораторная работа
С помощью CSS можно определять стиль и вид текста. Аналогично тому, что используется тег FONT, задающий свойства шрифта, но стили обладают большими возможностями и позволяют сократить код HTML.
Свойства шрифта
|
Свойство |
Значение |
NC |
IE |
Описание |
Пример |
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
font-family |
имя шрифта |
4+ |
4+ |
Задает список шрифтов |
p {font-family: Arial, serif} |
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
font-style |
Normal Italic Oblique |
4+ 4+ |
4+ 4+ 4+ |
Нормальный шрифт Курсив Наклонный шрифт |
p {font-style: italic} |
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
font-variant |
Norma Small-caps |
4+ 4+ |
Капитель (особые прописные буквы) |
p {font-variant: small-caps} |
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
font-weight |
Normal Lighter Bold Bolder 100-900 |
4+ 4W 4+ 4W 4+ |
4+ 4+ 4+ 4+ 4+ |
Нормальная жирность Светлое начертание Жирный 100-светлый шрифт, 900-самый жирный |
p {font-weight: bold} |
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
font-size |
Размер шрифта Pt Px % |
4+ 4+ 4+ 4+ |
4+ 4+ 4+ 4+ |
нормальный размер пикселы проценты |
Замечание: Когда размер шрифта задается абсолютными значениями, т.е. указывается конкретное значение шрифта в пунктах или пикселах, то изменить эту величину с помощью опции браузера Вид | Размер шрифта невозможно. Если шрифт установлен слишком мелким, то исправить этот недостаток читателю простыми средствами не представляется возможным. Поэтому лучше задавать размер шрифта в процентах (Пример 1). Пример 1. Задание свойств шрифта с помощью CSS <html> <style> H1 { font-family: Arial, Helvetica, Verdana, sans-serif; <body> <H1>Заголовок</H1> Обычный текст </body> </html> Ниже приведен результат примера 1.
В таблице Примера 2 даны некоторые параметры и результат их применения. Пример 2. Результат использования различных параметров шрифтов
Свойства текстаКроме изменения параметров шрифтов, можно управлять и свойствами всего текста. Значения свойств приведены в таблице.
NC - Netscape Communicator, IE - Microsoft Internet Explorer; 4+ означает, что свойство поддерживается в браузере 4 версии и выше. 4W - работает только под Windows. Ниже, в Примере 3 приведены некоторые параметры текста и результат их применения. Пример 3. Результат использования различных параметров текста
Границы и рамкиСпецификация CSS описывает несколько свойств, с помощью которых можно создавать границу вокруг различных элементов и управлять ее видом. Границы - одна из наиболее слабых сторон CSS, т.к. браузеры содержат большое количество ошибок и по разному интерпретируют параметры. Старшие версии браузеров отображают рамки вокруг элементов более корректно.
NC - Netscape Communicator, IE - Microsoft Internet Explorer, Op - Opera; 4+ означает, что свойство поддерживается в браузере 4 версии и выше. Типы рамокДля управления видом рамки предоставляется восемь значений параметра border-style. Результат их действия представлен на рисунке 1. Рис.1. Стили рамок Первые две - dotted и dashed стали поддерживаться браузерами Netscape и Internet Explorer только со старших версий. <p style="color: yellow; background-color: deepskyblue; text-decoration: underline; text-transform: uppercase; border: pink inset 25; PADDING: 20; text-align: center;"> ... </p> Атрибут style="…" задает стилевое оформление абзаца Атрибут color: yellow; задает цвет текста Атрибут background-color: deepskyblue; задает цвет фона для абзаца Атрибут text-decoration: underline; задает подчеркивание для текста Атрибут text-transform: uppercase; задает режим заглавных букв для текста Атрибут border: pink inset 25; задает рамку вокруг абзаца, соответственно, розовую выпуклую толщиной 25 пикселей Атрибут PADDING: 20; задает Атрибут АТРИБУТ line-height: 40px; задает межстрочный интервал АТРИБУТ text-align: center; задает выравнивание текста внутри абзаца по центру Задание 1 Создать в графическом редакторе Paint небольшой рисунок, который будет использоваться в качестве маркера списка. Создать маркированный список со своим маркером, используя стилевое свойство LIST-STYLE-IMAGE: url(имя_рисунка). Например, <UL style="LIST-STYLE-IMAGE: url(star2.jpg)"> Задание 2 Используя свойства блоков текста, создать следующую страницу: Задание 3 Значения отступов вокруг объектов можно указывать как положительные, так и отрицательные. Таким образом, можно использовать данную возможность для наложения одного слоя текста на другой. Например, можно создать текст с тенью, без использования трехмерного изображения. Создайте два стиля, которые отличаются цветом и размером отступов вокруг них. Используя отрицательные значения отступов и подбирая нужное значение, можно добиться того, что верхний слой как бы наползает на предыдущий. В результате у вас должно получиться следующее: используйте контейнер <DIV> и свойства margin-top и margin-left.
|
|
Название |
Hex |
Red |
Green |
Blue |
|
aliceblue |
#F0F8FF |
240 |
248 |
255 |
|
antiquewhite |
#FAEBD7 |
250 |
235 |
215 |
|
aqua |
#00FFFF |
00 |
255 |
255 |
|
aquamarine |
#7FFFD4 |
127 |
255 |
212 |
|
azure |
#F0FFFF |
240 |
255 |
255 |
|
beige |
#F5F5DC |
245 |
245 |
220 |
|
bisque |
#FFE4C4 |
255 |
228 |
196 |
|
black |
#000000 |
00 |
00 |
00 |
|
blanchedalmond |
#FFEBCD |
255 |
235 |
205 |
|
blue |
#0000FF |
00 |
00 |
255 |
|
blueviolet |
#8A2BE2 |
138 |
43 |
226 |
|
brown |
#A52A2A |
165 |
42 |
42 |
|
burlywood |
#DE8887 |
222 |
136 |
135 |
|
cadetblue |
#5F9EA0 |
95 |
158 |
160 |
|
chocolate |
#D2691E |
210 |
105 |
30 |
|
coral |
#FF7F50 |
255 |
127 |
80 |
|
cornflowerblue |
#6495ED |
100 |
149 |
237 |
|
cornsilk |
#FFF8DC |
255 |
248 |
220 |
|
crimson |
#DC143C |
220 |
20 |
60 |
|
cyan |
#00FFFF |
00 |
255 |
255 |
|
darkblue |
#00008B |
00 |
00 |
139 |
|
darkcyan |
#008B8B |
00 |
139 |
139 |
|
darkgoldenrod |
#B8860B |
184 |
134 |
11 |
|
darkgray |
#A9A9A9 |
169 |
169 |
169 |
|
darkgreen |
#006400 |
00 |
100 |
00 |
|
darkkhaki |
#BDB76D |
189 |
183 |
109 |
|
darkmagenta |
#8B008B |
139 |
00 |
139 |
|
darkolivegreen |
#556B2F |
85 |
107 |
47 |
|
darkorange |
#FF8C00 |
255 |
140 |
00 |
|
darkorchid |
#9932CC |
153 |
50 |
204 |
|
darkred |
#8B0000 |
139 |
00 |
00 |
|
darksalmon |
#E9967A |
233 |
150 |
122 |
|
darkseagreen |
#8FBC8F |
143 |
188 |
143 |
|
darkslateblue |
#483D8B |
72 |
61 |
139 |
|
darkslategray |
#2F4F4F |
47 |
79 |
79 |
|
darkturquoise |
#00CED1 |
00 |
206 |
209 |
|
darkviolet |
#9400D3 |
148 |
00 |
211 |
|
deeppink |
#FF1493 |
255 |
20 |
147 |
|
deepskyblue |
#00BFFF |
00 |
191 |
255 |
|
dimgray |
#696969 |
105 |
105 |
105 |
|
dodgerblue |
#1E90FF |
30 |
144 |
255 |
|
firebrick |
#B22222 |
178 |
34 |
34 |
|
floralwhite |
#FFFAF0 |
255 |
250 |
240 |
|
forestgreen |
#228B22 |
34 |
139 |
34 |
|
fuchsia |
#FF00FF |
255 |
00 |
255 |
|
gainsboro |
#DCDCDC |
220 |
220 |
220 |
|
ghostwhite |
#F8F8FF |
248 |
248 |
255 |
|
gold |
#FFD700 |
255 |
215 |
00 |
|
goldenrod |
#DAA520 |
218 |
165 |
32 |
|
gray |
#808080 |
128 |
128 |
128 |
|
green |
#008000 |
00 |
128 |
00 |
|
greenyellow |
#ADFF2F |
173 |
255 |
47 |
|
honeydew |
#F0FFF0 |
240 |
255 |
240 |
|
hotpink |
#FF69B4 |
255 |
105 |
180 |
|
indianred |
#CD5C5C |
205 |
92 |
92 |
|
indigo |
#4B0082 |
75 |
00 |
130 |
|
ivory |
#FFFFF0 |
255 |
255 |
240 |
|
khaki |
#F0E68C |
240 |
230 |
140 |
|
lavender |
#E6E6FA |
230 |
230 |
250 |
|
lavenderblush |
FFF0F5 |
255 |
240 |
245 |
|
lemonchiffon |
#FFFACD |
255 |
250 |
205 |
|
lightblue |
#ADD8E6 |
173 |
216 |
230 |
|
lightcoral |
#F08080 |
240 |
128 |
128 |
|
lightcyan |
#E0FFFF |
224 |
255 |
255 |
|
lightgoldenrodyellow |
#FAFAD2 |
250 |
250 |
210 |
|
lightgreen |
#90EE90 |
144 |
238 |
144 |
|
lightpink |
#FFB6C1 |
255 |
182 |
193 |
|
lightsalmon |
#FFA07A |
255 |
160 |
122 |
|
lightseagreen |
#20B2AA |
32 |
178 |
170 |
|
lightskyblue |
#87CEFA |
135 |
206 |
250 |
|
lightslategray |
#778899 |
119 |
136 |
153 |
|
lightsteelblue |
#B0C4DE |
176 |
196 |
222 |
|
lightyellow |
#FFFFE0 |
255 |
255 |
224 |
|
lime |
#00FF00 |
00 |
255 |
00 |
|
limegreen |
#32CD32 |
50 |
205 |
50 |
|
linen |
#FAF0F6 |
250 |
240 |
246 |
|
magenta |
#FF00FF |
255 |
00 |
255 |
|
maroon |
#800000 |
128 |
00 |
00 |
|
mediumaquamarine |
#66CDAA |
102 |
205 |
170 |
|
mediumblue |
#0000CD |
00 |
00 |
205 |
|
mediumorchid |
#BA55D3 |
186 |
85 |
211 |
|
mediumpurple |
#9370DB |
147 |
112 |
219 |
|
mediumseagreen |
#3CB371 |
60 |
179 |
113 |
|
mediumslateblue |
#7B68EE |
123 |
104 |
238 |
|
mediumspringgreen |
#00FA9A |
00 |
250 |
154 |
|
mediumturquoise |
#48D1CC |
72 |
209 |
204 |
|
mediumvioletred |
#C71585 |
199 |
21 |
133 |
|
midnightblue |
#191970 |
25 |
25 |
112 |
|
mintcream |
#F5FFFA |
245 |
255 |
250 |
|
mistyrose |
#FFE4E1 |
255 |
228 |
225 |
|
moccasin |
#FFE4B5 |
255 |
228 |
181 |
|
navajowhite |
#FFDEAD |
255 |
222 |
173 |
|
navy |
#000080 |
00 |
00 |
128 |
|
oldlace |
#FDF5E6 |
253 |
245 |
230 |
|
olive |
#808000 |
128 |
128 |
00 |
|
olivedrab |
#6B8E23 |
107 |
142 |
35 |
|
orange |
#FFA500 |
255 |
165 |
00 |
|
orangered |
#FF4500 |
255 |
69 |
00 |
|
orchid |
#DA70D6 |
218 |
112 |
214 |
|
palegoldenrod |
#EEE8AA |
238 |
232 |
170 |
|
palegreen |
#98FB98 |
152 |
251 |
152 |
|
paleturquoise |
#AFEEEE |
175 |
238 |
238 |
|
palevioletred |
#DB7093 |
219 |
112 |
147 |
|
papayawhip |
#FFEFD5 |
255 |
239 |
213 |
|
peachpuff |
#FFDAB9 |
255 |
218 |
185 |
|
peru |
#CD853F |
205 |
133 |
63 |
|
pink |
#FFC0CB |
255 |
192 |
203 |
|
plum |
#DDA0DD |
221 |
160 |
221 |
|
powderblue |
#B0E0E6 |
176 |
224 |
230 |
|
purple |
#800080 |
128 |
00 |
128 |
|
red |
#FF0000 |
255 |
00 |
00 |
|
rosybrown |
#BC8F8F |
188 |
143 |
143 |
|
royalblue |
#4169E1 |
65 |
105 |
225 |
|
salmon |
#FA8072 |
250 |
128 |
114 |
|
sandybrown |
#F4A460 |
244 |
164 |
96 |
|
seagreen |
#2E2B57 |
43 |
46 |
87 |
|
seashell |
#FFE5EE |
255 |
229 |
238 |
|
sienna |
#A0522D |
160 |
82 |
45 |
|
silver |
#C0C0C0 |
192 |
192 |
192 |
|
skyblue |
#87CEEB |
135 |
206 |
235 |
|
slateblue |
#6A5ACD |
106 |
90 |
205 |
|
slategray |
#708090 |
112 |
128 |
144 |
|
snow |
#FFFAFA |
255 |
250 |
250 |
|
springgreen |
#00FF7F |
00 |
255 |
127 |
|
steelblue |
#4682B4 |
70 |
130 |
180 |
|
tan |
#D2B48C |
210 |
180 |
140 |
|
teal |
#008080 |
00 |
128 |
128 |
|
thistle |
#D8BFD8 |
216 |
191 |
216 |
|
tomato |
#FF6347 |
255 |
99 |
71 |
|
turquoise |
#40E0D0 |
64 |
224 |
208 |
|
violet |
#EE82EE |
238 |
130 |
238 |
|
wheat |
#F5DEB3 |
245 |
222 |
179 |
|
white |
#FFFFFF |
255 |
255 |
255 |
|
whitesmoke |
#F5F5F5 |
245 |
245 |
245 |
|
yellow |
#FFFF00 |
255 |
255 |
00 |
|
yellowgreen |
#9ACD32 |
154 |
205 |
50 |
Краткий справочник содержит описание тегов HTML. IE - Microsoft Internet Explorer, NC - Netscape Communicator. Число означает, с какой версии браузер поддерживает данный тег.
|
Тег |
Версия HTML |
NC |
IE |
Описание |
|
A |
1.0 |
3+ |
3+ |
Ссылка |
|
ADDRESS |
2.0 |
3+ |
3+ |
Информация об авторе |
|
APPLET |
3.2 |
3+ |
3+ |
Java апплет |
|
AREA |
3.2 |
3+ |
3+ |
Задание активной области для карты изображения |
|
B |
2.0 |
3+ |
3+ |
Жирный текст |
|
BASE |
2.0 |
3+ |
3+ |
URL, относительно которого ведется адресация ссылок |
|
BASEFONT |
3.2 |
3+ |
3+ |
Задание шрифта, размера и цвета текста по умолчанию |
|
BGSOUND |
- |
- |
3+ |
Фоновая музыка |
|
BIG |
3.2 |
3+ |
3+ |
Увеличивает размер шрифта |
|
BLINK |
- |
3+ |
- |
Мерцающий текст |
|
BLOCKQUOTE |
2.0 |
3+ |
3+ |
Создание цитаты |
|
BODY |
2.0 |
3+ |
3+ |
Тело документа |
|
BR |
2.0 |
3+ |
3+ |
Перевод строки |
|
BUTTON |
4.0 |
6+ |
4+ |
Кнопка |
|
CAPTION |
3.2 |
3+ |
3+ |
Заголовок таблицы |
|
CENTER |
3.2 |
3+ |
4+ |
Выравнивание элемента по центру окна браузера |
|
CITE |
2.0 |
3+ |
3+ |
Используется для выделения цитат |
|
CODE |
2.0 |
3+ |
3+ |
Обозначает фрагмент программного кода |
|
COL |
4.0 |
- |
3+ |
Колонка таблицы |
|
COLGROUP |
4.0 |
- |
3+ |
Служит для определения группой столбца таблицы |
|
COMMENT |
- |
- |
3+ |
Комментарий игнорируемый браузером |
|
DD |
2.0 |
3+ |
3+ |
Описание списка определений |
|
DEL |
4.0 |
- |
4+ |
Отмечает текст как удаленный |
|
DFN |
3.2 |
- |
3+ |
Отмечает текстовый фрагмент как определение |
|
DIR |
2.0 |
3+ |
3+ |
Создание списка |
|
DIV |
3.2 |
3+ |
3+ |
Контейнер для задания стиля блока, используется также для создания слоев |
|
DL |
2.0 |
3+ |
3+ |
Создание списка определений |
|
DT |
2.0 |
3+ |
3+ |
Задание списка определений |
|
EM |
2.0 |
3+ |
3+ |
Выделение фрагмента текста |
|
EMBED |
- |
3+ |
3+ |
Вставка внешнего объекта в HTML |
|
FIELDSET |
4.0 |
6+ |
4+ |
Группировка элементов форм |
|
FONT |
3.2 |
3+ |
3+ |
Изменение параметров шрифта |
|
FORM |
2.0 |
3+ |
3+ |
Добавление формы |
|
FRAME |
4.0 |
3+ |
3+ |
Определяет одиночный фрейм |
|
FRAMESET |
4.0 |
3+ |
3+ |
Разбивает окно браузера на фреймы |
|
H1 |
2.0 |
3+ |
3+ |
Заголовок первого уровня |
|
H2 |
2.0 |
3+ |
3+ |
Заголовок второго уровня |
|
H3 |
2.0 |
3+ |
3+ |
Заголовок третьего уровня |
|
H4 |
2.0 |
3+ |
3+ |
Заголовок четвертого уровня |
|
H5 |
2.0 |
3+ |
3+ |
Заголовок пятого уровня |
|
H6 |
2.0 |
3+ |
3+ |
Заголовок шестого уровня |
|
HEAD |
2.0 |
3+ |
3+ |
Блок для хранения служебной информации |
|
HR |
2.0 |
3+ |
3+ |
Горизонтальная линия |
|
HTML |
2.0 |
3+ |
3+ |
Указывает браузеру, что документ в формате HTML |
|
I |
2.0 |
3+ |
3+ |
Курсивное начертание текста |
|
IFRAME |
4.0 |
- |
3+ |
Плавающий фрейм |
|
IMG |
2.0 |
3+ |
3+ |
Вставка изображения |
|
INPUT |
2.0 |
3+ |
3+ |
Поле формы |
|
INS |
4.0 |
- |
4+ |
Отмечает текст как вставку |
|
ISINDEX |
2.0 |
3+ |
4+ |
Поиск по ключевым словам |
|
KBD |
2.0 |
3+ |
3+ |
Отмечает текст как вводимый пользователем с клавиатуры |
|
LABEL |
4.0 |
6+ |
4+ |
Название группы в форме |
|
LAYER |
- |
4+ |
- |
Создание слоя |
|
LEGEND |
4.0 |
6+ |
4+ |
Создает рамку вокруг формы |
|
LI |
2.0 |
3+ |
3+ |
Элемент списка |
|
LINK |
2.0 |
4+ |
3+ |
Связь с другими документами |
|
MAP |
3.2 |
3+ |
3+ |
Карта-изображение |
|
MARQUEE |
- |
- |
3+ |
Поле для перемещения текста |
|
MENU |
2.0 |
3+ |
3+ |
Создание списка |
|
META |
2.0 |
3+ |
3+ |
Метаинформация |
|
MULTICOL |
- |
3+ |
- |
Многоколоночный текст |
|
NOBR |
- |
3+ |
3+ |
Запрет перевода строки |
|
NOEMBED |
- |
3+ |
- |
Альтернативный текст для встроенных объектов |
|
NOFRAMES |
4.0 |
3+ |
3+ |
Альтернативное содержание для браузеров не поддерживающих фреймы |
|
NOLAYER |
- |
3+ |
- |
Альтернативное содержание для браузеров не поддерживающих слои |
|
NOSCRIPT |
4.0 |
3+ |
3+ |
Альтернативное содержание для браузеров не поддерживающих скрипты |
|
OBJECT |
4.0 |
4+ |
3+ |
Вставка внешнего объекта |
|
OL |
2.0 |
3+ |
3+ |
Нумерованный список |
|
OPTION |
2.0 |
3+ |
3+ |
Создание выпадающего списка |
|
P |
2.0 |
3+ |
3+ |
Параграф |
|
PARAM |
3.2 |
3+ |
3+ |
Задание значения параметру. |
|
PLAINTEXT |
- |
3+ |
3+ |
Обычный текст |
|
PRE |
2.0 |
3+ |
3+ |
Текст пишется как есть, включая все пробелы |
|
Q |
4.0 |
- |
4+ |
Отмечает короткие цитаты в строке текста. |
|
S |
3.2 |
2+ |
3+ |
Зачеркнутый текст |
|
SAMP |
2.0 |
- |
3+ |
Отмечает текст как пример |
|
SCRIPT |
3.2 |
3+ |
3+ |
Область скрипта |
|
SELECT |
2.0 |
3+ |
3+ |
Элемент выпадающего списка |
|
SMALL |
3.2 |
3+ |
3+ |
Уменьшает размер шрифта |
|
SPAN |
4.0 |
4+ |
3+ |
Встроенный элемент для задания стиля фрагмента |
|
STRIKE |
3.2 |
3+ |
3+ |
Зачеркнутый текст |
|
STRONG |
2.0 |
3+ |
3+ |
Выделение фрагментов текста |
|
STYLE |
3.2 |
4+ |
3+ |
Указание стиля |
|
SUB |
3.2 |
3+ |
3+ |
Нижний индекс |
|
SUP |
3.2 |
3+ |
3+ |
Верхний индекс |
|
TABLE |
3.2 |
3+ |
3+ |
Таблица |
|
TBODY |
4.0 |
- |
4+ |
Тело таблицы |
|
TD |
3.2 |
3+ |
3+ |
Ячейка таблицы |
|
TEXTAREA |
2.0 |
3+ |
3+ |
Поле многострочного текста в форме |
|
TFOOT |
4.0 |
- |
3+ |
Нижний колонтитул таблицы |
|
TH |
3.2 |
3+ |
3+ |
Ячейка таблицы, которая является заголовком |
|
THEAD |
4.0 |
- |
4+ |
Верхний колонтитул таблицы |
|
TITLE |
2.0 |
3+ |
3+ |
Заголовок страницы |
|
TR |
3.2 |
3+ |
3+ |
Строка таблицы |
|
TT |
2.0 |
3+ |
3+ |
Моноширинный текст |
|
U |
3.2 |
3+ |
3+ |
Подчеркнутый текст |
|
UL |
2.0 |
3+ |
3+ |
Маркированный список |
|
VAR |
2.0 |
3+ |
3+ |
Отмечает имена переменных программ |
Литература
1. Матросов А.В., Сергеев А.О., Чаунин Н.П. HTML 4.0 – СПб.:БХВ – Петербург, 2002. – 672с.:ил.
2. Пауэлл Томас А. WEB – дизайн: Пер. с англ. СПб.:БХВ – Петербург, 2002. – 1024с.:ил.
3. Имери, Винс. Как сделать бизнес в Internet: Пер. с англ. – 3-е изд. – К.; М.; СПб.: Диалектика, 1998ю – 464с.:ил.
4. Успенский И.В. Интернет как инструмент маркетинга. - СПб.:БХВ – Петербург, 2000. – 256с.:ил.
5. А.Д. Александровский. Создание Web-страниц с использованием FrontPage98 и JavaScript. – М.: ДМК, 1998 – 368 с.:ил.
6. Крупник А. Поиск в Интернете: самоучитель (знакомство, работа, развлечение). – СПб.: Питер, 2002. – 272 с.:ил.
7. Хоффман П. Internet. К.: Диалектика, 1995. – 160 с.:ил.
8. Палмер С. VBScript и Active: библиотека программиста. – СПб.: ЗАО «Издательство «Питер», 1999, -368 с.:ил.
9. Монкир, Майкл. Освой самостоятельно JavaScript за 24 часа.: Пер. с англ.: Уч.пос. – М.: «Издательский дом «Вильямс», 2000, -304 с.:ил.
10. И. Мавджой. ASP. Web – профессионалам: Пер. с англ. – К.: Издательская группа BHV, 2001. – 288с.