Студопедия

КАТЕГОРИИ:


Архитектура-(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)

Элементы форматирования текста




Элементы WEB-страницы

Краткий справочник по HTML

Таблица 1.1. Организующие страницу элементы:

Элемент Назначение
<html>... </html> Начальный и заключительный тег HTML-документа
<head>... </head> Объявление заголовка WEB-страницы, содержит описание страницы
<title>... </title> Элемент определяет название страницы, которое выводится в строке заголовка окна браузера. Располагается внутри заголовка <html> WEB-страницы, учитывается при индексации страницы поисковыми машинами
<body>... </body> Между этими тегами находится основное содержание страницы Атрибуты:
Атрибут Назначение
bgcolor="значение" Задает фоновый цвет страницы. Переменная "значение" представлена в виде текстовой величины (принятые в WEB названия цветов), либо в виде шестнадцатиричного числа, обозначающего цвет - "#ddf112"
background="адрес" Задает фоновый рисунок страницы. "значение" - адрес файла изображения, которое станет фоновым рисунком страницы. При этом рисунок не растягивается, а заполняет всю страницу путем клонирования
   
<base href="адрес"> Определение "базового" URL каталога сайта. Все относительные ссылки на странице, содержащей этот элемент будут определяться относительно него. Располагается внутри элемента <head>
<!--..... --> Комментарий. Может располагаться в любом месте страницы. На экран браузера не выводится. Надежное средство для борьбы со склерозом..

Таблица 2.1. Элементы стилей абзаца и списков:

Элемент Назначение
<h1>... </h1> Заголовки первого уровня
<h2>... </h2> Заголовки второго уровня
<h3>... </h3> Заголовки третьего уровня
<p>... </p> Заголовки четвертого уровня
<h5>... </h5> Заголовки пятого уровня
<h6>... </h6> Заголовки шестого уровня
<p>... </p> Простой абзац. Приведенные атрибуты могут быть использованы со всеми элементами, определяющими стиль абзаца, в том числе и с заголовками. Атрибуты:
Атрибут Назначение
align="значение" Расположение текста абзаца относительно границ окна (выравнивание текста). Может принимать значения: " left " - выравнивание по левому краю, " right " - выравнивание по правому краю, " justify " - выравникание по ширине и " center " - выравнивание по центру
<blockquote>... </blockquote> Виртуальное выделение абзаца путем добавления отступа слева
<pre>... </pre> Преформатированный абзац. Выводится в окне браузера точно также, как был набран в редакторе. Учитывает пробелы и переводы строки при вводе. Результат выводится на экран моноширинным шрифтом
<br> или, <br> Разрыв строки. Браузером распознается и выполняется как перевод строки. Может быть использован внутри элементов, определяющих абзац
<hr> или <hr> Рисует горизонтальную линию Атрибуты:
Атрибут Назначение
width="значение" Длина линии, указанная либо в относительных единицах (процентах) либо в абсолютных - пикселях
size="значение" Ширина линии в пикселах
align="значение" Расположение: выравнивание по левому, правому краю либо по центру
noshade="noshade" Изменяет внешний вид линии, убирая тень линии
<ol> <li>..</li> <li>..</li> </ol> Нумерованный список Атрибуты:
Атрибут Назначение
type="значение" Значение определяет вид нумерации: "A" - Прописные буквы "a" - Строчные буквы "I" - Большие римские цифры "i" - Малые римские цифры "1" - Арабские цифры (по умолчанию)
start="значение" Указывает, какое значение для данного списка будет являться стартовым
<ul> <li>..</li> <li>..</li> </ul> Маркированный список. Атрибуты:
Атрибут Назначение
type="значение" Значение определяет вид маркера: "disc" - Кружок (по умолчанию) "square" - Квадратик "circle" - Кольцо

Списки различных типов могут быть вложены один в другой. В этом случае отдельная строка списка должна содержать полностью оформленный список нижнего подуровня

Таблица 2.2. Логические стили форматирования текста WEB-страницы:

Элемент Назначение
<em>... </em> Выделение
<strong>... </strong> Усиленное выделение
<cite>... </cite> Цитата или ссылка на внешний источник
<dfn>... </dfn> Исходный код программы
<samp>... </samp> Пример работы программы, часто отображается так же, как и предыдущий
<kbd>... </kbd> Текст, вводимый с клавиатуры
<var>... </var> Переменная или значение
<q>... </q> Цитируемый текст
<abbr>... </abbr> Аббревиатура
<acronym>... </acronym> Акроним

Таблица 2.3. Физические стили форматирования текста WEB-страницы:

Элемент Назначение
<b>... </b> Жирный
<i>... </i> Курсив
<tt>... </tt> Моноширинный
<u>... </u> Подчеркнутый
<big>... </big> Увеличенный размер
<small>... </small> Уменьшенный размер
<sub>... </sub> Нижний индекс
<sup>... </sup> Верхний индекс



Поделиться с друзьями:


Дата добавления: 2015-06-28; Просмотров: 488; Нарушение авторских прав?; Мы поможем в написании вашей работы!


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



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




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