|
|
| Строка 9: |
Строка 9: |
| | <br> <br>Розгляд теми: Структура веб-сайтів, різновиди веб-сайтів<br> | | <br> <br>Розгляд теми: Структура веб-сайтів, різновиди веб-сайтів<br> |
| | | | |
| - | <br> '''Практическая работа № 23: Основные Мета тэги'''<br><br>Дескрипторы <META> - необязательные дескрипторы Вэб-страницы. Они располагаются в теле <HEAD>, после заголовка <TITLE>. Эти дескрипторы содержат описание страницы, ключевые слова, информацию об авторе, команды для роботов и прочую служебную информацию. Другими словами можно сказать, что это визитная карточка страницы для различных служб Интернета.<br>Следует сказать, что мета тегов существует очень много и далеко не все они нужны на конкретной странице. Поэтому здесь рассмотрим наиболее важные и часто используемые мета тэги.<br><br>'''<META HTTP-EQUIV="Content-Type" content="text/html; charset=windows-1251">'''<br>Указание типа документа и его кодировки. <br>'''<br><META NAME="Title" CONTENT="Заголовокстраницы">'''<br>Указание заголовка страницы.<br>'''<br><META NAME="Description" CONTENT="Описание вашей страницы.">'''<br>Это аннотация страницы. Если Вэбстраница не содержит этого тэга, то поисковая система в качестве аннотации возьмет начальный фрагмент текста страницы, что зачастую нежелательно, т.к. в верхней части страницы может располагаться баннер.<br><br>'''<META NAME="Keywords" CONTENT="Ключевыеслова.">'''<br>Список ключевых слов страницы. Зачастую используется поисковыми машинами. Ключевые слова должны быть простыми и обязаны описывать суть страницы.<br><br>Если содержание Вашей страницы часто меняется, то вставьте следующие два тега:<br>'''<META NAME="Document-state" CONTENT="Dynamic">'''<br>Указывает, что страница динамичная, т.е. ее содержание периодически меняется.<br>'''<META NAME="Revizit-after" CONTENT="10 days">'''<br>Указывает роботу периодичность смены информации.<br>'''<br><META NAME="Document-state" CONTENT="Static">'''<br>Указывает, что страница статичная, т.е. ее содержание не меняется.<br><br>'''<META NAME="author" content="Автор">'''<br>Тег, в который вы можете вписать своё имя. <br>'''<br><META HTTP-EQUIV="Reply-to" content="mail@pochta.ru">'''<br>Тег для указания адреса электронной почты автора. <br>'''<br><META NAME="Copyright" content="Авторскиеправа">'''<br>Описание авторских прав на документ.<br><br>Дескрипторы HTML и их атрибуты<br>В таблице представлены наиболее часто употребляемые тэги и их атрибуты<br> | + | <br> '''Практическая работа № 23: Основные Мета тэги'''<br><br>Дескрипторы <META> - необязательные дескрипторы Вэб-страницы. Они располагаются в теле <HEAD>, после заголовка <TITLE>. Эти дескрипторы содержат описание страницы, ключевые слова, информацию об авторе, команды для роботов и прочую служебную информацию. Другими словами можно сказать, что это визитная карточка страницы для различных служб Интернета.<br>Следует сказать, что мета тегов существует очень много и далеко не все они нужны на конкретной странице. Поэтому здесь рассмотрим наиболее важные и часто используемые мета тэги.<br><br>'''<META HTTP-EQUIV="Content-Type" content="text/html; charset=windows-1251">'''<br>Указание типа документа и его кодировки. <br>'''<br><META NAME="Title" CONTENT="Заголовокстраницы">'''<br>Указание заголовка страницы.<br>'''<br><META NAME="Description" CONTENT="Описание вашей страницы.">'''<br>Это аннотация страницы. Если Вэбстраница не содержит этого тэга, то поисковая система в качестве аннотации возьмет начальный фрагмент текста страницы, что зачастую нежелательно, т.к. в верхней части страницы может располагаться баннер.<br><br>'''<META NAME="Keywords" CONTENT="Ключевыеслова.">'''<br>Список ключевых слов страницы. Зачастую используется поисковыми машинами. Ключевые слова должны быть простыми и обязаны описывать суть страницы.<br><br>Если содержание Вашей страницы часто меняется, то вставьте следующие два тега:<br>'''<META NAME="Document-state" CONTENT="Dynamic">'''<br>Указывает, что страница динамичная, т.е. ее содержание периодически меняется.<br>'''<META NAME="Revizit-after" CONTENT="10 days">'''<br>Указывает роботу периодичность смены информации.<br>'''<br><META NAME="Document-state" CONTENT="Static">'''<br>Указывает, что страница статичная, т.е. ее содержание не меняется.<br><br>'''<META NAME="author" content="Автор">'''<br>Тег, в который вы можете вписать своё имя. <br>'''<br><META HTTP-EQUIV="Reply-to" content="mail@pochta.ru">'''<br>Тег для указания адреса электронной почты автора. <br>'''<br><META NAME="Copyright" content="Авторскиеправа">'''<br>Описание авторских прав на документ.<br><br>Дескрипторы HTML и их атрибуты<br>В таблице представлены наиболее часто употребляемые тэги и их атрибуты<br> |
| | | | |
| | {| cellspacing="1" cellpadding="1" border="1" style="width: 749px; height: 617px;" | | {| cellspacing="1" cellpadding="1" border="1" style="width: 749px; height: 617px;" |
| | |- | | |- |
| - | | '''Наименование дескриптора/атрибута''' | + | | '''Наименование дескриптора/атрибута''' |
| | | ''' Описание''' | | | ''' Описание''' |
| | |- | | |- |
| - | | <A> | + | | <A> |
| | | Гиперссылка | | | Гиперссылка |
| | |- | | |- |
| - | | accesskey | + | | accesskey |
| | | Определение "горячей клавиши" для гиперссылки | | | Определение "горячей клавиши" для гиперссылки |
| | |- | | |- |
| - | | href | + | | href |
| | | Определяет имя и местоположение объекта гиперссылки | | | Определяет имя и местоположение объекта гиперссылки |
| | |- | | |- |
| - | | name | + | | name |
| | | Служит для именования области Вэб-страницы | | | Служит для именования области Вэб-страницы |
| | |- | | |- |
| - | | tabindex <br> | + | | tabindex <br> |
| | | Определяет порядок перехода по гиперссылкам | | | Определяет порядок перехода по гиперссылкам |
| | |- | | |- |
| - | | target | + | | target |
| | | Определяет окно для отображения объекта гиперссылки | | | Определяет окно для отображения объекта гиперссылки |
| | |- | | |- |
| - | | <AREA> | + | | <AREA> |
| | | Определяет информацию зоны карты ссылок | | | Определяет информацию зоны карты ссылок |
| | |- | | |- |
| - | | alt | + | | alt |
| | | Задает текстовый ярлык для зоны карты ссылок | | | Задает текстовый ярлык для зоны карты ссылок |
| | |- | | |- |
| - | | coords | + | | coords |
| | | Задает координаты характерных точек зоны карты ссылок | | | Задает координаты характерных точек зоны карты ссылок |
| | |- | | |- |
| - | | href | + | | href |
| | | Задает имя и местоположение файла, связанного с зоной карты ссылок | | | Задает имя и местоположение файла, связанного с зоной карты ссылок |
| | |- | | |- |
| - | | shape | + | | shape |
| | | Задает форму зоны карты ссылок | | | Задает форму зоны карты ссылок |
| | |- | | |- |
| - | | tabindex <br> | + | | tabindex <br> |
| | | Задает порядок перехода по зонам карты ссылок | | | Задает порядок перехода по зонам карты ссылок |
| | |- | | |- |
| - | | <B> | + | | <B> |
| | | Признак полужирного начертания текста | | | Признак полужирного начертания текста |
| | |- | | |- |
| - | | <BASEFONT> | + | | <BASEFONT> |
| | | Изменяет внешний вид всего текста | | | Изменяет внешний вид всего текста |
| | |- | | |- |
| - | | size <br> | + | | size <br> |
| | | Изменяет размер шрифта всего текста | | | Изменяет размер шрифта всего текста |
| | |- | | |- |
| - | | <BIG> | + | | <BIG> |
| | | Укрупняет шрифт относительно размера соседнего текста | | | Укрупняет шрифт относительно размера соседнего текста |
| | |- | | |- |
| - | | <BLOCKQUOTE> | + | | <BLOCKQUOTE> |
| | | Создает блок цитаты | | | Создает блок цитаты |
| | |- | | |- |
| - | | <BODY> | + | | <BODY> |
| | | Тело Вэб-страницы - описывает ее содержимое | | | Тело Вэб-страницы - описывает ее содержимое |
| | |- | | |- |
| - | | alink, link, vlink <br> | + | | alink, link, vlink <br> |
| | | Опрделеляют цвет гиперссылок | | | Опрделеляют цвет гиперссылок |
| | |- | | |- |
| - | | background | + | | background |
| | | Определяет графический фон | | | Определяет графический фон |
| | |- | | |- |
| - | | bgcolor <br> | + | | bgcolor <br> |
| | | Изменяет цвет фона | | | Изменяет цвет фона |
| | |- | | |- |
| - | | bgproperties | + | | bgproperties |
| | | Определяет возможность перемещения графического фона при пролистывании страницы | | | Определяет возможность перемещения графического фона при пролистывании страницы |
| | |- | | |- |
| - | | bottommargin | + | | bottommargin |
| | | Изменяет высоту нижнего поля | | | Изменяет высоту нижнего поля |
| | |- | | |- |
| - | | leftmargin | + | | leftmargin |
| | | Изменяет ширину левого поля | | | Изменяет ширину левого поля |
| | |- | | |- |
| - | | marginheight | + | | marginheight |
| | | Изменяет высоту верхнего и нижнего полей | | | Изменяет высоту верхнего и нижнего полей |
| | |- | | |- |
| - | | marginwidth | + | | marginwidth |
| | | Изменяет ширину левого и правого полей | | | Изменяет ширину левого и правого полей |
| | |- | | |- |
| - | | rightmargin <br> | + | | rightmargin <br> |
| | | Изменяет ширину правого поля | | | Изменяет ширину правого поля |
| | |- | | |- |
| - | | text | + | | text |
| | | Изменяет цвет текста | | | Изменяет цвет текста |
| | |- | | |- |
| - | | topmargin | + | | topmargin |
| | | Изменяет высоту верхнего поля | | | Изменяет высоту верхнего поля |
| | |- | | |- |
| - | | <BR> | + | | <BR> |
| | | Создает новую строку | | | Создает новую строку |
| | |- | | |- |
| - | | clear | + | | clear |
| | | Предотвращает перенос слов текста | | | Предотвращает перенос слов текста |
| | |- | | |- |
| - | | <CAPTION> | + | | <CAPTION> |
| | | Снабжает таблицу заголовком | | | Снабжает таблицу заголовком |
| | |- | | |- |
| - | | align | + | | align |
| | | Задает признак выравнивания заголовка таблицы | | | Задает признак выравнивания заголовка таблицы |
| | |- | | |- |
| - | | <CENTER> | + | | <CENTER> |
| | | Центрирует элемент Web-страницы | | | Центрирует элемент Web-страницы |
| | |- | | |- |
| - | | <COL> | + | | <COL> |
| | | Создает неструктурную группу столбцов таблицы | | | Создает неструктурную группу столбцов таблицы |
| | |- | | |- |
| - | | align | + | | align |
| | | Задает признак выравнивания данных в ячейках группы по горизонтали | | | Задает признак выравнивания данных в ячейках группы по горизонтали |
| | |- | | |- |
| - | | bgcolor | + | | bgcolor |
| | | Задает цвет фона ячеек группы | | | Задает цвет фона ячеек группы |
| | |- | | |- |
| - | | char | + | | char |
| | | Задает символ, определяющий порядок выравнивания данных в ячейках группы | | | Задает символ, определяющий порядок выравнивания данных в ячейках группы |
| | |- | | |- |
| - | | span | + | | span |
| | | Задает количество столбцов в группе | | | Задает количество столбцов в группе |
| | |- | | |- |
| - | | valign | + | | valign |
| | | Задает признак выравнивания данных в ячейках группы по вертикали | | | Задает признак выравнивания данных в ячейках группы по вертикали |
| | |- | | |- |
| - | | <COLGROUP> <br> | + | | <COLGROUP> <br> |
| | | Создает структурную группу столбцов таблицы | | | Создает структурную группу столбцов таблицы |
| | |- | | |- |
| - | | align | + | | align |
| | | Создает признак выравнивания данных в ячейках группы по горизонтали | | | Создает признак выравнивания данных в ячейках группы по горизонтали |
| | |- | | |- |
| - | | bgcolor <br> | + | | bgcolor <br> |
| | | Задает цвет фона ячеек группы | | | Задает цвет фона ячеек группы |
| | + | |- |
| | + | | char |
| | + | | Задает символ, определяющий порядок выравнивания данных в ячейках группы |
| | + | |- |
| | + | | span |
| | + | | Определяет количество столбцов в группе |
| | + | |- |
| | + | | valign |
| | + | | Задает признак выравнивания данных в ячейках группы по вертикали |
| | + | |- |
| | + | | <DD> |
| | + | | Отмечает статью определения в списке определений |
| | + | |- |
| | + | | <DEL> |
| | + | | Снабжает текст признаком зачеркивания |
| | + | |- |
| | + | | <DIV> |
| | + | | Делит Вэб-страницу на области с целью применения стилей |
| | + | |- |
| | + | | class |
| | + | | Определяет стиль, применяемый для области Вэб-страницы |
| | + | |- |
| | + | | <DL> |
| | + | | Создает список определений |
| | + | |- |
| | + | | <DT> |
| | + | | Отмечает текст термина в списке определений |
| | + | |- |
| | + | | <EM> |
| | + | | Выделяет текст курсивом |
| | + | |- |
| | + | | <FIELDSET> <br> |
| | + | | Создает группы элементов формы |
| | + | |- |
| | + | | <FONT> <br> |
| | + | | Изменяет внешний вид текста |
| | + | |- |
| | + | | color |
| | + | | Изменяет цвет текста |
| | + | |- |
| | + | | face |
| | + | | Изменяет шрифт текста |
| | + | |- |
| | + | | size |
| | + | | Изменяет размер шрифта |
| | + | |- |
| | + | | <FORM> |
| | + | | Создает форму |
| | + | |- |
| | + | | accept-charset <br> |
| | + | | Задает формат кодировки данных |
| | + | |- |
| | + | | action |
| | + | | Задает место назначения данных формы |
| | + | |- |
| | + | | enctype <br> |
| | + | | Определяет формат передаваемых данных формы |
| | + | |- |
| | + | | method |
| | + | | Задает способ пересылки данных формы по сети |
| | + | |- |
| | + | | target |
| | + | | Определяет место отображения сообщения о доставке данных формы |
| | + | |- |
| | + | | <FRAME> |
| | + | | Определяет набор данных фрейма |
| | + | |- |
| | + | | |
| | + | | |
| | + | |- |
| | + | | |
| | + | | |
| | + | |- |
| | + | | |
| | + | | |
| | + | |- |
| | + | | |
| | + | | |
| | |- | | |- |
| | | | | | |
| Строка 149: |
Строка 227: |
| | |} | | |} |
| | | | |
| - | <br><br><br>char Задает символ, определяющий порядок выравнивания данных в ячейках группы<br>span Определяет количество столбцов в группе<br>valign Задает признак выравнивания данных в ячейках группы по вертикали<br><DD> Отмечает статью определения в списке определений<br><DEL> Снабжает текст признаком зачеркивания<br><DIV> Делит Вэб-страницу на области с целью применения стилей<br>class Определяет стиль, применяемый для области Вэб-страницы<br><DL> Создает список определений<br><DT> Отмечает текст термина в списке определений<br><EM> Выделяет текст курсивом<br><FIELDSET> Создает группы элементов формы<br><FONT> Изменяет внешний вид текста<br>color Изменяет цвет текста<br>face Изменяет шрифт текста<br>size Изменяет размер шрифта<br><FORM> Создает форму<br>accept-charset Задает формат кодировки данных<br>action Задает место назначения данных формы<br>enctype Определяет формат передаваемых данных формы<br>method Задает способ пересылки данных формы по сети<br>target Определяет место отображения сообщения о доставке данных формы<br><FRAME> Определяет набор данных фрейма<br>bordercolor изменяет цвет линий рамки фрейма<br>frameborder Обеспечивает сокрытие рамки фрейма<br>marginheight Изменяет высоту верхнего и нижнего полей фрейма<br>marginwidth Изменяет ширину левого и правого полей фрейма<br>name Служит для именования фрейма<br>noresize Предотвращает возможность изменения размеров фрейма<br>scrolling Обеспечивает сокрытие или отображение полос прокрутки фрейма<br>src Определяет имя и местоположение файла данных, отображаемых фреймом<br><FRAMESET> Создает набор фреймов<br>border Изменяет толщину линий рамок фреймов<br>bordercolor изменяет цвет линий рамок фреймов<br>cols Создает столбцы рамок фреймов<br>frameborder Скрывает рамки фреймов<br>framespacing Задает толщину линий рамок фреймов<br>rows Создает строки фреймов<br><H1>..<H6> Заголовки разных уровней<br>align Признак выравнивания заголовка<br><HEAD> Определяет раздел заголовка Вэб-страницы<br><HR> Создает горизонтальную линейку<br>align Признак выравнивания линейки<br>noshade Эффект объемности горизонтальной линейки<br>size Задает толщину линейки<br>width Задает ширину линейки<br><HTML> Определяет данные как доккумент HTML<br><I> Признак курсивного начертания текста<br><IFRAME> Создает плавающий фрейм<br><IMG> Вставляет графическое изображение в текст Вэб-страницы<br>align Задает признаки выравнивания текста относительно изображения<br>alt Отображает альтернативный текст при отсутствии графики<br>border Заключает изображение в рамку<br>dynsrc Создает внедренный объект видео<br>height, width Задает высоту и ширину графического изображения<br>hspace, vspace Обрамляет графическое изображение полосами чистого пространства<br>ismap Создает карту ссылок<br>lowsrc Указывает имя и расположение файла изображения низкого разрешения<br>name Именует изображение<br>src Определяет имя и местоположение файла графического изображения<br>tabindex Определяет порядок перехода по изображениям<br>usemap Определяет имя карты ссылок<br><INS> Подчеркивает вставленный фрагмент текста<br><KBD> Выделяет текст, который необходимо ввести<br><LAYER> Позиционирует слой (группу элементов) страницы<br>height, width Задает высоту и ширину слоя<br>left Координата слоя относительно левой кромки окна<br>top Координата слоя относительно верхней кромки окна<br>z-index Задает приоритет воспроизведения перекрывающихся элементов слоя<br><LI> Определяет элемент списка<br>type Стиль маркирования элемента списка<br>value Устанавливает номер элемента списка<br><LINK> Ссылка на файл внешнего листа стилей<br>href Определяет имя и местоположение файла внешнего листа стилей<br>rel Тип отношения внешнего листа стилей к Вэб-странице<br>type Формат внешнего листа стилей<br><MAP> Создает карту ссылок<br>name Именование карты ссылок<br><MARQUEE> Создает объект бегущей строки<br>behavior Способ поведения бегущей строки<br>bgcolor Задает цвет фона бегущей строки<br>direction Направление перемещения бегущей строки<br>height, width Высота и ширина бегущей строки<br>hspace, vspace Обрамление бегущей строки полосами чистого пространства<br>loop Число циклов перемещения бегущей строки<br>scrollamount Шаг единовременного перемещения бегущей строки<br>scrolldelay Величина задержки между отдельными тактами перемещения текста бегущей строки<br>truespeed Определяет минимальное значение нтервала задержки scrolldelay<br><META> Служебная информация о Вэб-странице для поисковых роботов<br><NOBR> Запрет перехода текста на новую строку<br><NOFRAMES> Отображает альтернативный текст при невозможности показа фреймов<br><NOSCRIPT> Отображает альтернативный текст при невозможности исполнения сценариев JavaScript<br><OL> Создает нумерованный список<br>start Задает начальный номер элементов списка<br>type Определяет стиль нумерации списка<br><P> Создает новый абзац<br>align Признак выравнивания текста абзаца<br><PRE> Возможность сохранения признаков предварительного форматирования<br><Q> Краткий блок цитаты<br><SAMP> Выделяет текст примеров<br><SCRIPT> Создает объект сценария JavaScript<br><SMALL> Уменьшает шрифт относительно размера соседнего текста<br><SPACER> Добавляет блок чистого пространства<br>align Признак обтекания блока текстом<br>height, width Высота и ширина блока чистого пространства<br>type Тип блока<br><STRIKE> Признак зачеркивания текста<br><STRONG> Полужирный текст<br><STYLE> Преобразует текст в подстрочный индекс<br><SUB> Преобразует текст в надстрочный индекс<br><SUP> <br><TABLE> Создает таблицу<br>align Признак обтекания таблицы текстом<br>background Графический фон таблицы<br>bgcolor Цвет фона таблицы<br>border Задает толщину линии рамки<br>bordercolor Цвет линий рамки<br>cellpadding Определяет размер полос чистого пространства, отделяющего содержимое ячеек таблицы от ее границ<br>callspacing Определяет размеры полос чистого пространства, разделяющих ячейки таблицы.<br>frame Определяет набор линий рамки таблицы, которые будут показаны<br>height, width Высота и ширина таблицы<br>rules Определяет набор внутренних линий таблицы, которые будут показаны<br><TBODY> Группа строк данных таблицы<br>align Способ выравнивания данных по горизонтали<br>bgcolor Цвет фона группы<br>char Задает символ, определяющий порядок выравнивания данных в ячейках группы<br>valign Способ выравнивания данных по вертикали<br><TD><TH> Определяют ячейку данных и ячейку заголовка таблицы<br>align Способ выравнивания по горизонтали<br>background Графический фон ячеек<br>bgcolor Цвет фона ячеек<br>char Задает символ, определяющий порядок выравнивания данных в ячейках <br>colspan Объединяет соседние ячейки одной строки таблицы<br>height, width Высота и ширина ячейки<br>nowrap Запрещает перенос слов внутри ячейки на новую строку<br>rowspan Объединяет соседние ячейки одного столбца<br>valign Способ выравнивания данных по вертикали<br><TFOOT> Создает группу строк итоговых данных таблицы<br>align Способ выравнивания данных по горизонтали<br>bgcolor Цвет фона<br>char Задает символ, определяющий порядок выравнивания данных в ячейках группы<br>valign Способ выравнивания данных по вертикали<br><THEAD> <br>align Способ выравнивания данных по горизонтали<br>bgcolor Цвет фона<br>char Задает символ, определяющий порядок выравнивания данных в ячейках группы<br>valign Способ выравнивания данных по вертикали<br><TITLE> Заголовок Вэб-страницы<br><TR> Создает строку таблицы<br>align Способ выравнивания данных по горизонтали<br>bgcolor Цвет фона<br>char Задает символ, определяющий порядок выравнивания данных в ячейках строки<br>valign Способ выравнивания данных по вертикали<br><TT> Воспроизведение текста моноширинным шрифтом<br><U> Подчеркивание текста<br><UL> Создает маркированный список<br>type Стиль маркированного списка
| + | <br><br><br><br><br><br>bordercolor изменяет цвет линий рамки фрейма<br>frameborder Обеспечивает сокрытие рамки фрейма<br>marginheight Изменяет высоту верхнего и нижнего полей фрейма<br>marginwidth Изменяет ширину левого и правого полей фрейма<br>name Служит для именования фрейма<br>noresize Предотвращает возможность изменения размеров фрейма<br>scrolling Обеспечивает сокрытие или отображение полос прокрутки фрейма<br>src Определяет имя и местоположение файла данных, отображаемых фреймом<br><FRAMESET> Создает набор фреймов<br>border Изменяет толщину линий рамок фреймов<br>bordercolor изменяет цвет линий рамок фреймов<br>cols Создает столбцы рамок фреймов<br>frameborder Скрывает рамки фреймов<br>framespacing Задает толщину линий рамок фреймов<br>rows Создает строки фреймов<br><H1>..<H6> Заголовки разных уровней<br>align Признак выравнивания заголовка<br><HEAD> Определяет раздел заголовка Вэб-страницы<br><HR> Создает горизонтальную линейку<br>align Признак выравнивания линейки<br>noshade Эффект объемности горизонтальной линейки<br>size Задает толщину линейки<br>width Задает ширину линейки<br><HTML> Определяет данные как доккумент HTML<br><I> Признак курсивного начертания текста<br><IFRAME> Создает плавающий фрейм<br><IMG> Вставляет графическое изображение в текст Вэб-страницы<br>align Задает признаки выравнивания текста относительно изображения<br>alt Отображает альтернативный текст при отсутствии графики<br>border Заключает изображение в рамку<br>dynsrc Создает внедренный объект видео<br>height, width Задает высоту и ширину графического изображения<br>hspace, vspace Обрамляет графическое изображение полосами чистого пространства<br>ismap Создает карту ссылок<br>lowsrc Указывает имя и расположение файла изображения низкого разрешения<br>name Именует изображение<br>src Определяет имя и местоположение файла графического изображения<br>tabindex Определяет порядок перехода по изображениям<br>usemap Определяет имя карты ссылок<br><INS> Подчеркивает вставленный фрагмент текста<br><KBD> Выделяет текст, который необходимо ввести<br><LAYER> Позиционирует слой (группу элементов) страницы<br>height, width Задает высоту и ширину слоя<br>left Координата слоя относительно левой кромки окна<br>top Координата слоя относительно верхней кромки окна<br>z-index Задает приоритет воспроизведения перекрывающихся элементов слоя<br><LI> Определяет элемент списка<br>type Стиль маркирования элемента списка<br>value Устанавливает номер элемента списка<br><LINK> Ссылка на файл внешнего листа стилей<br>href Определяет имя и местоположение файла внешнего листа стилей<br>rel Тип отношения внешнего листа стилей к Вэб-странице<br>type Формат внешнего листа стилей<br><MAP> Создает карту ссылок<br>name Именование карты ссылок<br><MARQUEE> Создает объект бегущей строки<br>behavior Способ поведения бегущей строки<br>bgcolor Задает цвет фона бегущей строки<br>direction Направление перемещения бегущей строки<br>height, width Высота и ширина бегущей строки<br>hspace, vspace Обрамление бегущей строки полосами чистого пространства<br>loop Число циклов перемещения бегущей строки<br>scrollamount Шаг единовременного перемещения бегущей строки<br>scrolldelay Величина задержки между отдельными тактами перемещения текста бегущей строки<br>truespeed Определяет минимальное значение нтервала задержки scrolldelay<br><META> Служебная информация о Вэб-странице для поисковых роботов<br><NOBR> Запрет перехода текста на новую строку<br><NOFRAMES> Отображает альтернативный текст при невозможности показа фреймов<br><NOSCRIPT> Отображает альтернативный текст при невозможности исполнения сценариев JavaScript<br><OL> Создает нумерованный список<br>start Задает начальный номер элементов списка<br>type Определяет стиль нумерации списка<br><P> Создает новый абзац<br>align Признак выравнивания текста абзаца<br><PRE> Возможность сохранения признаков предварительного форматирования<br><Q> Краткий блок цитаты<br><SAMP> Выделяет текст примеров<br><SCRIPT> Создает объект сценария JavaScript<br><SMALL> Уменьшает шрифт относительно размера соседнего текста<br><SPACER> Добавляет блок чистого пространства<br>align Признак обтекания блока текстом<br>height, width Высота и ширина блока чистого пространства<br>type Тип блока<br><STRIKE> Признак зачеркивания текста<br><STRONG> Полужирный текст<br><STYLE> Преобразует текст в подстрочный индекс<br><SUB> Преобразует текст в надстрочный индекс<br><SUP> <br><TABLE> Создает таблицу<br>align Признак обтекания таблицы текстом<br>background Графический фон таблицы<br>bgcolor Цвет фона таблицы<br>border Задает толщину линии рамки<br>bordercolor Цвет линий рамки<br>cellpadding Определяет размер полос чистого пространства, отделяющего содержимое ячеек таблицы от ее границ<br>callspacing Определяет размеры полос чистого пространства, разделяющих ячейки таблицы.<br>frame Определяет набор линий рамки таблицы, которые будут показаны<br>height, width Высота и ширина таблицы<br>rules Определяет набор внутренних линий таблицы, которые будут показаны<br><TBODY> Группа строк данных таблицы<br>align Способ выравнивания данных по горизонтали<br>bgcolor Цвет фона группы<br>char Задает символ, определяющий порядок выравнивания данных в ячейках группы<br>valign Способ выравнивания данных по вертикали<br><TD><TH> Определяют ячейку данных и ячейку заголовка таблицы<br>align Способ выравнивания по горизонтали<br>background Графический фон ячеек<br>bgcolor Цвет фона ячеек<br>char Задает символ, определяющий порядок выравнивания данных в ячейках <br>colspan Объединяет соседние ячейки одной строки таблицы<br>height, width Высота и ширина ячейки<br>nowrap Запрещает перенос слов внутри ячейки на новую строку<br>rowspan Объединяет соседние ячейки одного столбца<br>valign Способ выравнивания данных по вертикали<br><TFOOT> Создает группу строк итоговых данных таблицы<br>align Способ выравнивания данных по горизонтали<br>bgcolor Цвет фона<br>char Задает символ, определяющий порядок выравнивания данных в ячейках группы<br>valign Способ выравнивания данных по вертикали<br><THEAD> <br>align Способ выравнивания данных по горизонтали<br>bgcolor Цвет фона<br>char Задает символ, определяющий порядок выравнивания данных в ячейках группы<br>valign Способ выравнивания данных по вертикали<br><TITLE> Заголовок Вэб-страницы<br><TR> Создает строку таблицы<br>align Способ выравнивания данных по горизонтали<br>bgcolor Цвет фона<br>char Задает символ, определяющий порядок выравнивания данных в ячейках строки<br>valign Способ выравнивания данных по вертикали<br><TT> Воспроизведение текста моноширинным шрифтом<br><U> Подчеркивание текста<br><UL> Создает маркированный список<br>type Стиль маркированного списка |
| - | | + | |
| | | | |
| | + | <br> |
| | | | |
| - | <br><br>Свойства css<br>Свойство Описание<br>background Создает графический фон, изменяет цвет фона<br>background-attachment Определяет принак статичности графического фона<br>background-image Создается графический фон элемента<br>background-position Задает начальную точку размещения фонового графического изображения<br>beckground-repeat Определяет способ копирования графических изображений фона<br>border Заключает элемент в рамку<br>border-bottom Определяет свойства нижней части рамки<br>border-color Определяет цвет линий рамки<br>border-left Определяет свойства левой части рамки<br>border-right Определяет свойства правой части рамки<br>border-style Определяет стиль представления рамки<br>border-top Определяет свойства верхней части рамки<br>border-width Определяет толщину линий рамки<br>bottom Задает направление относительного или абсолютного позиционирования элемента<br>clear Прекращает действие функций обтекания элемента текстом<br>color Изменяет цвет элемента<br>display Задает способ воспроизведения элемента<br>float Обеспечивает возможность обтекания элемента текстом<br>font Изменяет свойства шрифта<br>font-family Изменяет шрифт текста<br>font-size Изменяет размер шрифта текста<br>font-style Задает тип начертания шрифта<br>font-variant Воспроизводит текст малыми прописными буквами<br>font-weight Задает тип полужирного начертания текста<br>height Определяет высоту элемента<br>left Задает направление относительного или абсолютного позиционирования элемента<br>letter-spacing Изменяет межсимвольный интервал<br>line-height Изменяет межстрочный интервал<br>list-style Задает стиль нумерации или маркирования списков<br>margin Определяет размеры всех полей элемента<br>margin-bottom Определяет высоту нижнего поля элемента<br>margin-left Определяет ширину левого поля элемента<br>margin-right Определяет ширину правого поля элемента<br>margin-top Определяет высоту верхнего поля элемента<br>padding Определяет размеры всех полос чистого пространства вокруг элемента<br>padding-bottom Определяет высоту нижней полосы чистого пространства<br>padding-left Определяет ширину левой полосы чистого пространства<br>padding-right Определяет ширину правой полосы чистого пространства<br>padding-top Определяет высоту верхней полосы чистого пространства<br>page-break-after Вводит символ разрыва страницы после элемента<br>page-break-before Вводит символ разрыва страницы перед элементом<br>position Задает абсолютную или относительную позицию элемента<br>right Задает направление относительного или абсолютного позиционирования элемента<br>text-align Устанавливает признак выравнивания текста<br>text-decoration Задает признак выделения текста линиями<br>text-indent Задает величину отступа для первой строки абзаца текста<br>text-transform Изменяет регистр символов текста<br>top Задает направление относительного или абсолютного позиционирования элемента<br>vertical-align Задает признак выравнивания встроенного элемента по вертикали<br>width Задает ширину элемента<br>word-spacing Задает интервал между словами текста<br>z-index Задает приоритет воспроизведения перекрывающихся элементов<br>На этом теоретическая часть изучения языка HTML-разметки закончена. Как говорил известный герой: "Суха теория, мой друг, а древо жизни пышно зеленеет".<br>Полностью с ним согласен. Освоить материал, изучив его только теоретически очень сложно. Гораздо эффективнее сразу же подкреплять изучение теории применением знаний на практике. Поэтому приглашаю всех желающих закрепить изученное на практическом создании сайта.<br><br>Дополнительная информация по теме:<br>Создание и разработка сайта в примерах - on-line-teaching.com/site/<br>Основы векторной и растровой графики - grafika-online.com<br><br><br><br> | + | <br><br>Свойства css<br>Свойство Описание<br>background Создает графический фон, изменяет цвет фона<br>background-attachment Определяет принак статичности графического фона<br>background-image Создается графический фон элемента<br>background-position Задает начальную точку размещения фонового графического изображения<br>beckground-repeat Определяет способ копирования графических изображений фона<br>border Заключает элемент в рамку<br>border-bottom Определяет свойства нижней части рамки<br>border-color Определяет цвет линий рамки<br>border-left Определяет свойства левой части рамки<br>border-right Определяет свойства правой части рамки<br>border-style Определяет стиль представления рамки<br>border-top Определяет свойства верхней части рамки<br>border-width Определяет толщину линий рамки<br>bottom Задает направление относительного или абсолютного позиционирования элемента<br>clear Прекращает действие функций обтекания элемента текстом<br>color Изменяет цвет элемента<br>display Задает способ воспроизведения элемента<br>float Обеспечивает возможность обтекания элемента текстом<br>font Изменяет свойства шрифта<br>font-family Изменяет шрифт текста<br>font-size Изменяет размер шрифта текста<br>font-style Задает тип начертания шрифта<br>font-variant Воспроизводит текст малыми прописными буквами<br>font-weight Задает тип полужирного начертания текста<br>height Определяет высоту элемента<br>left Задает направление относительного или абсолютного позиционирования элемента<br>letter-spacing Изменяет межсимвольный интервал<br>line-height Изменяет межстрочный интервал<br>list-style Задает стиль нумерации или маркирования списков<br>margin Определяет размеры всех полей элемента<br>margin-bottom Определяет высоту нижнего поля элемента<br>margin-left Определяет ширину левого поля элемента<br>margin-right Определяет ширину правого поля элемента<br>margin-top Определяет высоту верхнего поля элемента<br>padding Определяет размеры всех полос чистого пространства вокруг элемента<br>padding-bottom Определяет высоту нижней полосы чистого пространства<br>padding-left Определяет ширину левой полосы чистого пространства<br>padding-right Определяет ширину правой полосы чистого пространства<br>padding-top Определяет высоту верхней полосы чистого пространства<br>page-break-after Вводит символ разрыва страницы после элемента<br>page-break-before Вводит символ разрыва страницы перед элементом<br>position Задает абсолютную или относительную позицию элемента<br>right Задает направление относительного или абсолютного позиционирования элемента<br>text-align Устанавливает признак выравнивания текста<br>text-decoration Задает признак выделения текста линиями<br>text-indent Задает величину отступа для первой строки абзаца текста<br>text-transform Изменяет регистр символов текста<br>top Задает направление относительного или абсолютного позиционирования элемента<br>vertical-align Задает признак выравнивания встроенного элемента по вертикали<br>width Задает ширину элемента<br>word-spacing Задает интервал между словами текста<br>z-index Задает приоритет воспроизведения перекрывающихся элементов<br>На этом теоретическая часть изучения языка HTML-разметки закончена. Как говорил известный герой: "Суха теория, мой друг, а древо жизни пышно зеленеет".<br>Полностью с ним согласен. Освоить материал, изучив его только теоретически очень сложно. Гораздо эффективнее сразу же подкреплять изучение теории применением знаний на практике. Поэтому приглашаю всех желающих закрепить изученное на практическом создании сайта.<br><br>Дополнительная информация по теме:<br>Создание и разработка сайта в примерах - on-line-teaching.com/site/<br>Основы векторной и растровой графики - grafika-online.com<br><br><br><br> |
| | | | |
| | <br> Надіслав викладач інформатики Миловидов Юрій Олегович, университет «КРОК» | | <br> Надіслав викладач інформатики Миловидов Юрій Олегович, университет «КРОК» |
| | | | |
| | [[Category:Структура_веб-сайтів,_різновиди_веб-сайтів._Практикуми,_лабораторні,_кейси]] | | [[Category:Структура_веб-сайтів,_різновиди_веб-сайтів._Практикуми,_лабораторні,_кейси]] |
| Наименование дескриптора/атрибута
| Описание
|
| <A>
| Гиперссылка
|
| accesskey
| Определение "горячей клавиши" для гиперссылки
|
| href
| Определяет имя и местоположение объекта гиперссылки
|
| name
| Служит для именования области Вэб-страницы
|
tabindex
| Определяет порядок перехода по гиперссылкам
|
| target
| Определяет окно для отображения объекта гиперссылки
|
| <AREA>
| Определяет информацию зоны карты ссылок
|
| alt
| Задает текстовый ярлык для зоны карты ссылок
|
| coords
| Задает координаты характерных точек зоны карты ссылок
|
| href
| Задает имя и местоположение файла, связанного с зоной карты ссылок
|
| shape
| Задает форму зоны карты ссылок
|
tabindex
| Задает порядок перехода по зонам карты ссылок
|
| <B>
| Признак полужирного начертания текста
|
| <BASEFONT>
| Изменяет внешний вид всего текста
|
size
| Изменяет размер шрифта всего текста
|
| <BIG>
| Укрупняет шрифт относительно размера соседнего текста
|
| <BLOCKQUOTE>
| Создает блок цитаты
|
| <BODY>
| Тело Вэб-страницы - описывает ее содержимое
|
alink, link, vlink
| Опрделеляют цвет гиперссылок
|
| background
| Определяет графический фон
|
bgcolor
| Изменяет цвет фона
|
| bgproperties
| Определяет возможность перемещения графического фона при пролистывании страницы
|
| bottommargin
| Изменяет высоту нижнего поля
|
| leftmargin
| Изменяет ширину левого поля
|
| marginheight
| Изменяет высоту верхнего и нижнего полей
|
| marginwidth
| Изменяет ширину левого и правого полей
|
rightmargin
| Изменяет ширину правого поля
|
| text
| Изменяет цвет текста
|
| topmargin
| Изменяет высоту верхнего поля
|
| <BR>
| Создает новую строку
|
| clear
| Предотвращает перенос слов текста
|
| <CAPTION>
| Снабжает таблицу заголовком
|
| align
| Задает признак выравнивания заголовка таблицы
|
| <CENTER>
| Центрирует элемент Web-страницы
|
| <COL>
| Создает неструктурную группу столбцов таблицы
|
| align
| Задает признак выравнивания данных в ячейках группы по горизонтали
|
| bgcolor
| Задает цвет фона ячеек группы
|
| char
| Задает символ, определяющий порядок выравнивания данных в ячейках группы
|
| span
| Задает количество столбцов в группе
|
| valign
| Задает признак выравнивания данных в ячейках группы по вертикали
|
<COLGROUP>
| Создает структурную группу столбцов таблицы
|
| align
| Создает признак выравнивания данных в ячейках группы по горизонтали
|
bgcolor
| Задает цвет фона ячеек группы
|
| char
| Задает символ, определяющий порядок выравнивания данных в ячейках группы
|
| span
| Определяет количество столбцов в группе
|
| valign
| Задает признак выравнивания данных в ячейках группы по вертикали
|
| <DD>
| Отмечает статью определения в списке определений
|
| <DEL>
| Снабжает текст признаком зачеркивания
|
| <DIV>
| Делит Вэб-страницу на области с целью применения стилей
|
| class
| Определяет стиль, применяемый для области Вэб-страницы
|
| <DL>
| Создает список определений
|
| <DT>
| Отмечает текст термина в списке определений
|
| <EM>
| Выделяет текст курсивом
|
<FIELDSET>
| Создает группы элементов формы
|
<FONT>
| Изменяет внешний вид текста
|
| color
| Изменяет цвет текста
|
| face
| Изменяет шрифт текста
|
| size
| Изменяет размер шрифта
|
| <FORM>
| Создает форму
|
accept-charset
| Задает формат кодировки данных
|
| action
| Задает место назначения данных формы
|
enctype
| Определяет формат передаваемых данных формы
|
| method
| Задает способ пересылки данных формы по сети
|
| target
| Определяет место отображения сообщения о доставке данных формы
|
| <FRAME>
| Определяет набор данных фрейма
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|