КАТЕГОРИИ: Архитектура-(3434)Астрономия-(809)Биология-(7483)Биотехнологии-(1457)Военное дело-(14632)Высокие технологии-(1363)География-(913)Геология-(1438)Государство-(451)Демография-(1065)Дом-(47672)Журналистика и СМИ-(912)Изобретательство-(14524)Иностранные языки-(4268)Информатика-(17799)Искусство-(1338)История-(13644)Компьютеры-(11121)Косметика-(55)Кулинария-(373)Культура-(8427)Лингвистика-(374)Литература-(1642)Маркетинг-(23702)Математика-(16968)Машиностроение-(1700)Медицина-(12668)Менеджмент-(24684)Механика-(15423)Науковедение-(506)Образование-(11852)Охрана труда-(3308)Педагогика-(5571)Полиграфия-(1312)Политика-(7869)Право-(5454)Приборостроение-(1369)Программирование-(2801)Производство-(97182)Промышленность-(8706)Психология-(18388)Религия-(3217)Связь-(10668)Сельское хозяйство-(299)Социология-(6455)Спорт-(42831)Строительство-(4793)Торговля-(5050)Транспорт-(2929)Туризм-(1568)Физика-(3942)Философия-(17015)Финансы-(26596)Химия-(22929)Экология-(12095)Экономика-(9961)Электроника-(8441)Электротехника-(4623)Энергетика-(12629)Юриспруденция-(1492)Ядерная техника-(1748) |
Форматирование документов HTML и текста
BODY TITLE, HEAD META ДЕСКРИПТОРЫ (ТЭГИ) <meta> - информационный тэг управления страницей приложения. Атрибуты: HTTP-EQUIV Определение свойств элемента NAME Дополнительное описание элемента URL Определение документа назначения CONTENT Указатель значения свойства или описания <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1251"> <META HTTP-EQUIV="Refresh" CONTENT="60"> <META NAME="Keywords" CONTENT="Школа, компьютер, Интернет, лекция, разметка"> <META NAME="Description" CONTENT="Занятие в Школе Компьютерных Технологий"> <META URL="http://www.malchik.ru">
<title>... </title> - тэг размещения заголовка страницы <head>... </head> - информационный тэг заглавной части документа
Пример:
<html> <head> <title>Моя домашняя страничка</title> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1251"> </head> </html>
<body>... </body> - тэг "тела" документа, определяющий его функции Атрибуты: alink="" Определение цвета активной ссылки background="" Определение местонахождения фоновой картинки bgcolor="" Определение цвета фона bgproperties Определение свойств тэга <body></body> На заметку: На данный момент существует только одно свойство - неподвижный рисунок фона: bgproperties=fixed, это свойство интерпретируется только IE. class="" Указатель свойств в таблице стилей id="" Идентификатор тэга <body></body> leftmargin="" Параметр границы левой границы поля link="" Определение цвета непросмотренной ссылки style="" Настройка стиля документа text="" Определение цвета текста topmargin="" Параметр границы верхней границы поля vlink="" Определение цвета посещенной ссылки
Таблица стандартных цветов: Black #000000 Черный RGB: 000 000 000 Maroon #800000 Каштановый RGB: 128 000 000 Green #008000 Зеленый RGB: 000 128 000 Olive #808000 Оливковый RGB: 128 128 000 Navy #000080 Темно-синий RGB: 000 000 128 Purple #800080 Фиолетовый RGB: 128 000 128 Teal #008080 Чирок RGB: 000 128 128 Gray #808080 Серый RGB: 128 128 128 Silver #C0C0C0 Серебряный RGB: 192 192 192 Red #FF0000 Красный RGB: 255 000 000 Lime #00FF00 Лаймовый RGB: 000 255 000 Yellow #FFFF00 Желтый RGB: 255 255 000 Blue #0000FF Синий RGB: 000 000 255 Fuchsia #FF00FF Фукция RGB: 255 000 255 Aqua #00FFFF Аква RGB: 000 255 255 White #FFFFFF Белый RGB: 255 255 255
Полная раскладка 147 цветов (название + код RGB) находится в файле color.html
Пример:
<html> <head> <title>Моя домашняя страничка</title> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1251"> </head>
<body bgcolor=teal> Здесь должен располагаться текст документа! </body> </html>
<p>... </p> - тэг абзаца документа Атрибуты: align="" Определение выравнивания align="left" по левому краю align="center" по центру align="right" по правому краю class="" Указатель свойств в таблице стилей id="" Идентификатор тэга <p></p> style="" Настройка стиля абзаца
<br> - тэг перевода строки <nobr>... </nobr> - запрет перевода строки <wbr> - мягкий перевод строки [перевод производится только в случае крайней необходимости, данный тэг на практике фактически не используется]
<h1>... </h1> Тэги форматированных заголовков. Н1 - самый <h2>... </h2> большой, а Н6 самый маленкий формат заголовка. <h3>... </h3> Данные тэги предполагают автоматическую вставку <h4>... </h4> пустых строк, при оформлении заголовков. <h5>... </h5> <h6>... </h6> Атрибуты: align="" Определение выравнивания align="left" по левому краю align="center" по центру align="right" по правому краю class="" Указатель свойств в таблице стилей id="" Идентификатор тэга <h></h> style="" Настройка стиля заголовка
<hr> - тэг горизонтальной линии, не требует тэга <br> ни в начале, ни в конце Атрибуты: align="" Определение выравнивания align="left" по левому краю align="center" по центру align="right" по правому краю class="" Указатель свойств в таблице стилей color="" Определение цвета линии (только для IE) id="" Идентификатор тэга <hr> noshade Отмена рельефности линии size="" Определение ширины линии в пикселах style="" Настройка стиля заголовка title="" Определение подсветки значения (только для IE) width="" Определение ширины линии (в процентах или пикселах)
<pre>... </pre> - тэг форматированного текста (моноширинный шрифт)
<font>... </font> (*) - тэг форматирования шрифта Атрибуты: class="" Указатель свойств в таблице стилей color="" Определение цвета текста face="" Указатель названия шрифта (шрифтов) id="" Идентификатор тэга <font></font> size="" Размер шрифта от 1 до 7 (3 - по умолчанию) size -2 = 1 size -1 = 2 size 3 size +1 = 4 size +2 = 5 size +3 = 6 size +4 = 7 style="" Настройка стиля title="" Определение подсветки значения (только для IE)
<basefont> (*) - тэг стандартизации шрифта При открытии тэга <font> включаются новые значения, но после его закрытия восстанавливаются значения <basefont>. Значения данного тэга изменяются введением нового тэга <basefont>, но включающего другие данные.
<blockquote>... </blockquote> - тэг выделения цитаты из основного текста
Логическое форматирование: <cite>... </cite> - Выделение цитаты (курсив) [от "Cite"]
<code>... </code> - Выделение программного кода (форматированный текст) [от "Computer code"]
<em>... </em> - Акцентирование (курсив) [от "Emphasis"]
<kbd>... </kbd> - Текст введенный с клавиатуры (форматированный текст) [от "Keyboard"]
<samp>... </samp> - Выделение примера (форматированный текст) [от "Sample"]
<strong>... </strong> - Акцентирование (полужирный)
<var>... </var> - Выделение символьного обозначения порядкового числительного (курсив). Пример: n-ный коэфицент.
<dfn>... </dfn> - Выделение какого-либо определения (курсив) [от "Defenition"] <center>... </center> (*) - Размещение по центру Физическое форматирование: <b>... </b> - Выделение текста полужирным шрифтом [от "bold"] <i>... </i> - Выделение текста курсивом [от "italic"] <u>... </u> (*) - Выделение текста подчеркиванием [от "underline"] <tt>... </tt> - Выделение текста шрифтом фиксированной ширины [от "tele-type-text"] <strike>... </strike> (*) - Зачеркивание текста <s>... </s> (*) - Зачеркивание текста [от "Strike"] <big>... </big> - Увеличение шрифта <small>... </small> - Уменьшение шрифта <sub>... </sub> - Создание нижнего индекса <sup>... </sup> - Создание верхнего индекса
Элементы физического форматирования могут быть вложены друг в друга. Допускается также перекрестно-сложное вложение. Пример: <i>Каждый <b>охотник желает</i> знать, где сидит</b> фазан. Результат: Каждый охотник желает знать, где сидит фазан.
Дата добавления: 2014-01-05; Просмотров: 592; Нарушение авторских прав?; Мы поможем в написании вашей работы! Нам важно ваше мнение! Был ли полезен опубликованный материал? Да | Нет |