Студопедия

КАТЕГОРИИ:


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

Основные атрибуты в теге BODY

Lt;BODY>... </BODY> - содержание HTML-программы

Основные теги заголовка HTML-программы.

Lt;HEAD>... </HEAD> - заголовок HTML-программы

Lt;HTML>...</HTML>- границы HTML-документа

Любой HTML-документ должен начинаться (и заканчиваться) тегом <HTML>...</HTML>. Этот тег указывает на то, что данный документ содержит в себе HTML-текст. Web-документ разбивается на две логические части: заголовок и содержание.

 

Заголовок также называют головной частью программы, он содержит справочную информацию о странице, которая не отображается браузером, а также название документа.

В головной части программы обычно пишется тегTITLE - имя окна, содержащего Вашу страничку (не более 64 символов). Показывается в заголовке окна браузера.

 

Основное содержание страницы помещается в тег <BODY>... </BODY>. Его также называют телом программы.

 

Атрибут Действие Значения атрибута
BGCOLOR="цвет " Устанавливает цвет* фона Цвет фона веб-странички в атрибутах HTML-языка может задаваться несколькими способами: · названием, например "red"; · кодом RGB, например "#FFFFFF"; · в десятичном виде, например "255, 0, 0"; · в процентах, например "30%, 40%, 30%". Код RGB - это три шестнадцатеричных числа в диапазоне 00 - FF. 1-ое, 2-ое и 3-е число, соответственно, представляют собой количество красного, зеленого и синего тонов в цвете. Например, #000000 - это черный цвет (отсутствие цвета), #FF0000 - ярко-красный, #00FF00 - ярко-зеленый, #0000FF - ярко-синий, а #FFFFFF - белый (все цвета присутствуют полностью).
TEXT=” цвет” Устанавливает цвет* текста * - таблицу основных цветов смотри в конце
BACKGROUND="URL" Устанавливает картинку как фон Фоном также можно сделать картинку. Командное слово BACKGROUND подключает эту картинку в качестве фона и указывает на то, где лежит фоновая картинка. (Фоновой картинкой может служить любой файл с расширением *.jpg, *.gif,.png, который расположен в одной папке с Вашим документом

Теги форматирования текста

HTML – формат позволяет работать с текстом, и выполнять выравнивание и форматирование, аналогично текстовым редакторам, например, как в редакторе WORD, для того чтобы тексты на экране отображались в читабельной форме. Для этого используются аналогичные термины: заголовок, абзац или параграф, новая строка. Для выравнивания и форматирования текста, применяются следующие теги с атрибутами:

Название тега Назначение тега, атрибуты
<b>..</b> устанавливает жирное начертание шрифта
<i>...</i> устанавливает курсивное начертание шрифта
<u>...</u> устанавливает подчеркнутое начертание шрифта
<strike>...</strike> устанавливает зачеркнутое начертание шрифта
<cite>...</cite> помечает текст как цитату, обычно отображается курсивом
<sup>...</sup> отображает шрифт в виде верхнего индекса
<sub>...</sub> отображает шрифт в виде нижнего индекса
<big>…</big> выводит более крупный текст, чем текущий (на 1 размер, см. ниже).
< nobr>...</nobr> уведомляет браузер отображать текст в одну строку без переноса
<blockquote> … </blockquote> предназначен для обозначения в документе цитаты из другого источника; текст, обозначенный этим тегом, отступает от левого края документа на 8 пробелов
<h1>...</h1> … <h6></h6> устанавливает заголовки различного уровня значимости от самого крупного h1 до самого мелкого h6
<font>...</font> предназначен для установки характеристик шрифта, которые задаются в атрибуте тега. Тег имеет следующие атрибуты:   color=… задает цвет шрифта (в шестнадцатеричной форме, например, #ff0000) face=… задает гарнитуру шрифта (Arial, Tahoma) size=… задает размер шрифта в условных единицах (целое число от 1 до 7 или изменения числа +1 или -2) самый крупный шрифт 7 size=1 size=2 size=3 size=4 size=5 size=6 size=7  
<p>...</p> определяет границы абзаца. (закрывающий тег </p> не обязателен). Тег абзаца добавляет пустую строку, которая зрительно выделяет абзац. Тег имеет атрибут: align, который отвечает за выравнивание текста и может принимать значения: left –выравнивание по левому краю (по умолчанию) right – выравнивание по правому краю center – выравнивание по центру justify –выравнивание по ширине
<br> устанавливает принудительный перенос строк
< hr> рисует горизонтальную линию. Параметры горизонтальной линии можно задать с использованием атрибутов тега: align=… определяет выравнивание линии color=… цвет линии noshade=… рисует линию без трехмерных эффектов (без тени) size=… толщина линии в пикселях width=… ширина линии в пикселях

Задание базового шрифта.

<BASEFONT SIZE =число>

SIZE =число – где число это размер шрифта 1-7 или относительный размер шрифта по отношению к базовому от –6 до +6. По умолчанию базовый шрифт равен 3.Закрывающий тег не используется.

 

Создание списков

Часто для оформления текста используют списки. Списки – это структуры, которые позволяют упорядочивать информацию на страницах сайтов. Списки бывают:

· Упорядоченные или нумерованные для предоставления действий с четко заданной очередностью выполнения.

· Неупорядоченные или маркированные для предоставления связанных между собой каким-то образом элементов, игнорируя при этом их иерархию.

· Список термин - определение или глоссарий для предоставления двухуровневых видов информации.

· Логические списки, определяющие структуры типа меню и каталога файлов.

Тег OL тег создания нумерованных списков (нумерация происходит автоматически) Тег UL тег создания маркированных списков; для пометки элемента списка используются маркеры.
ТегLI - определяет элемент списка <OL атрибуты> <LI>Элемент списка 1</LI> <LI>Элемент списка 2</LI> ……………………………… <LI>Элемент списка n</LI> </OL> ТегLI - определяет элемент списка <UL TYPE = тип маркера > <LI>Элемент списка 1</LI> <LI>Элемент списка 2</LI> ……………………………… <LI>Элемент списка n</LI> </UL>
Атрибуты тегаOL: Атрибуты тегаUL:
TYPE - вид счетчика:
Обозначение Название Вид
TYPE = 1 Арабский 1,2,3
TYPE = A Буквенный в верхнем регистре A,B,C
TYPE = a Буквенный в нижнем регистре A,b,c
TYPE = I Римский в верхнем регистре I, II, III
TYPE = i Римский в нижнем регистре I, ii,iii
Параметр TYPE тега UL определяет внешний вид маркера: DISK, CIRCLE, SQUARE.
START=n - число, с которого начинается отсчет. По умолчанию используется маркер вида DISK.

Создание остальных видов списков остаётся на самостоятельное изучение.

Ссылки в HTML-документах.

Главное преимущество HTML-документа состоит в возможности включения в документ ссылок на другие документы (гиперссылок). В качестве гиперссылки можно использовать текст или графику. Браузер выделяет (обычно цветом и/или подчеркиванием) слова, являющиеся ссылками. Цвет выделения ссылок устанавливается в теге BODY:

LINK - устанавливает цвет выделения ссылок.

VLINK -устанавливает цвет выделения ссылок, на которых уже побывали.

<== предыдущая лекция | следующая лекция ==>
Лечение пневмонии у пожилых | Атрибуты тега <А>…</А>
Поделиться с друзьями:


Дата добавления: 2013-12-13; Просмотров: 382; Нарушение авторских прав?; Мы поможем в написании вашей работы!


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



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




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