Студопедия

КАТЕГОРИИ:


Архитектура-(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; Просмотров: 566; Нарушение авторских прав?; Мы поможем в написании вашей работы!


Нам важно ваше мнение! Был ли полезен опубликованный материал? Да | Нет



studopedia.su - Студопедия (2013 - 2024) год. Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав! Последнее добавление




Генерация страницы за: 0.028 сек.