Студопедия — Тэг BODY
Студопедия Главная Случайная страница Обратная связь

Разделы: Автомобили Астрономия Биология География Дом и сад Другие языки Другое Информатика История Культура Литература Логика Математика Медицина Металлургия Механика Образование Охрана труда Педагогика Политика Право Психология Религия Риторика Социология Спорт Строительство Технология Туризм Физика Философия Финансы Химия Черчение Экология Экономика Электроника

Тэг BODY






Тэг <BODY> определяет видимую часть документа.В этом разделе располагается вся содержательная часть документа (текст статьи, фотографии, формы для заполнения, другие объекты).Тэг имеет ряд необязательных атрибутов. Рекомендуется вместо нежелательных атрибутов использовать каскадные таблицы стилей. Начальный и конечный тэги необязательны

Атрибуты

bgcolor

Устанавливает цвет фона документа, используя значение цвета в виде RRGGBB - пример: FF0000 - красный цвет, либо используя константы цвета, например для желтого цвета, используемой на данной странице <body bgcolor= "yellow">

background

Нежелательный. Указывает на url-адрес изображения - фона документа

contentEditable

Возможность редактирования

innerText

Текст между начальным и закрывающим тэгом

offsetWidth

Размер объекта

text

Нежелательный. Устанавливает цвет текста документа, используя значение цвета в виде RRGGBB - пример: 000000 - черный цвет, либо используя константы цвета, например для зеленого цвета, используемой на данной странице <body text= "green">

link

Нежелательный. Устанавливает цвет гиперссылок, используя значение цвета в виде RRGGBB - пример: 00FF00 - зеленый цвет,либо используя константы цвета,например для красного цвета,используемой на данной странице <body link= "red">
Пример красной ссылки

vlink

Нежелательный. Устанавливает цвет гиперссылок на которых вы уже побывали, используя значение цвета в виде RRGGBB - пример: 333333 - серый цвет

alink

Нежелательный. Устанавливает цвет гиперссылок при нажатии. Например, на этой странице ссылки становятся синими при нажатии мышкой

bgproperties=fixed

Фоновое изображение прокручиваться не будет. Т.е. текст будет двигаться при нажатии PageDown, а фон - нет. Данный параметр поддерживается только Internet Explorer


 

4 вопрос

 

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

 

1 Тэг <B> создаёт жирный текст. Закрывающий тэг обязателен.

Атрибуты:

– contentEditable – возможность редактирования;

– innerText – текст между начальным и закрывающим тэгом;

– title – показывает текст в виде всплывающей подсказки.

 

2 Тэг <BIG> выводит более крупный текст.

Атрибуты:

– innerText – текст между начальным и закрывающим тэгом;

– title – показывает текст в виде всплывающей подсказки.

 

3 Тэг <BLOCKQUOTE> предназначен для включения в документ длинных цитат, создавая отступы с обеих сторон текста и отделяясь от остального текста пустыми строками.

 

4 Тэг <BR> вставляет перевод строки. Этот тэг необходимо использовать для разбиения текста на строки, т.к. по умолчанию информация в HTML-документе выводится в одну строку. Не требует парного закрывающего тэга.

 

5 Тэг <FONT> определяет или переопределяет выводимый шрифт, его цвет и размер. Закрывающий тэг требуется.

Атрибуты:

– color – устанавливает цвет текста, используя значение цвета в виде #RRGGBB, либо используя константы цвета;

– face – определяет гарнитуру шрифта;

– size – размер текста в пределах от 1 до 7, где 1 – самый мелкий шрифт. По умолчанию равен 3.

Атрибуты можно объединять.

 

6 Тэги <H1>, <H2>, <H3>, <H4>, <H5>, <H6> служат для создания заголовков. Всего существует 6 видов заголовков – от H1 до H6. Тэгу <H1> соответствует самый большой заголовок, тэгу <H6> – самый маленький. Закрывающий тэг требуется.

Атрибуты:

– align – выравнивает заголовок в соответствии со следующими значениями: center – по центру, left – по левому краю, right – по правому краю;

– title – всплывающая подсказка.

 

7 Тэг <HR> добавляет в HTML-документ горизонтальную линию. До и после линии помещается пустая строка. Закрывающий тэг не требуется.

Атрибуты:

– size – устанавливает высоту (толщину) линии;

– width – устанавливает ширину линии в пикселях или процентах;

– noshade – создаёт линию без тени;

– color – задаёт линии определенный цвет.

 

8 Тэг <I> создаёт наклонный текст.

 

9 Тэг <MARQUEE> заставляет текст прокручиваться, либо перемещаться из стороны в сторону. Требуется закрывающий тэг.

Атрибуты:

– behavior – определяет вид скроллинга со значениями: alternate –колебательные движения налево и направо, scroll – перемещение текста в направлении, указанном в атрибуте direction, достигнув края экрана, надпись появляется снова с противоположной стороны, slide – схоже с scroll, но текст перемещается только один раз и останавливается;

– direction – определяет направление скроллинга со значениями: down – движение вниз, left – движение справа налево (по умолчанию), right – движение слева направо, up – движение вверх;

– loop – задаёт, сколько раз прокрутится строка;

– scrollamount – скорость движения строки, может принимать значения от 1 до 10, где 1 – самое медленное движение, 10 – самое быстрое;

– scrolldelay – задержка между двумя движениями в миллисекундах (по умолчанию 85);

– bgcolor – цвет фона бегущей строки;

– height – высота в пикселях или процентах;

– hspace – определяет размер свободного места в пикселях слева и справа от бегущей строки;

– vspace – определяет размер свободного места в пикселях сверху и снизу от бегущей строки;

– width – ширина в пикселях или процентах.

 

10 Тэг <NOBR> запрещает перевод строки. Текст, заключенный между тэгами будет гарантированно располагаться в одной строке без переноса на другую.

 

11 Тэг <P> создаёт новый параграф. Два или более тэга <P>, идущих подряд, заменяются одним.

Атрибуты:

– align – выравнивает параграф относительно одной из сторон документа, значения: left – по левому краю (по умолчанию), right – по правому краю, center – по центру, justify – по ширине;

– title – всплывающая подсказка.

 

12 Тэг <PRE> обрамляет предварительно отформатированный текст. Преформатированный текст отображается моношириным шрифтом. Получается как бы текстовая вставка в HTML.

 

13 Тэг <S> указывает, что текст должен быть зачеркнут.

 

14 Тэг <SMALL> выводит более мелкий текст.

 

15 Тэг <SUB> приспускает текст.

Пример текста с использованием тэга < SUB>: формула воды – H2O.

 

16 Тэг <SUP> приподнимает текст.

Пример текста с использованием тэга < SUP>: 42 = 16.

 

17 Тэг <TT> создаёт текст, имитирующий стиль печатной машинки.

 

18 Тэг <U> указывает, что текст должен быть подчеркнут.


 

6 вопрос

 

1 Списки в HTML

 

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

 

В HTML есть специальные элементы-контейнеры для представления данных в виде списков. Основными тэгами списков являются нумерованные и маркированные списки, меню, перечни каталогов и определений. Для получения дополнительных эффектов различные типы списков могут вкладываться друг в друга.

 

2 Упорядоченный (нумерованный) список. Тэг <OL> и его атрибуты

 

Упорядоченный список используется для нумерованного перечисления отдельных пунктов или указания последовательности каких-либо действий. Когда программа встречает тэг упорядоченного списка, она последовательно нумерует пункты списка: 1, 2, 3 и т.д.

 

Упорядоченный список открывается тэгом <OL>, а каждый его пункт начинается стандартным тэгом <LI>. Для создания заголовка списка используется специальный тэг <LH>. Список закрывается тэгом </OL>. Открывающий и закрывающий тэги обеспечивают перевод строки до и после списка, отделяя, таким образом, список от остального текста, поэтому здесь нет необходимости использовать тэги абзаца <P>.

 

Базовый шаблон упорядоченного списка выглядит следующим образом:

 

<OL>
<LI> Item_1
<LI> Item_2
...
</OL>

В HTML версии 3.2 введены несколько новых атрибутов тэга <OL>. Они позволяют устанавливать вид маркеров элементов списка, а также задавать начальный маркер списка.

 

Ниже перечислены эти атрибуты и их значение:

– compact – представляет список в более компактном виде;

– type = A – устанавливает маркер в виде прописных букв;

– type = a – устанавливает маркер в виде строчных букв;

– type = I – устанавливает маркер в виде больших римских цифр;

– type = i – устанавливает маркер в виде маленьких римских цифр;

– type = 1 – устанавливает маркер в виде арабских цифр;

– start = n – устанавливает начальный маркер в текущем списке; n – номер, с которого начинается нумерация в списке.

 

3 Неупорядоченный (маркированный) список. Тэг <UL> и его атрибуты

 

В HTML существует возможность создания неупорядоченных списков, т.е. таких, в которых отношения между пунктами не определены (списки такого типа называют также ненумерованными или маркированными).

 

Неупорядоченный список вместо буквенной или цифровой нумерации предполагает использование различных символов, называемых маркерами списка (bullets). Как и в упорядоченных списках, здесь также обеспечивается перевод строки до и после списка, а также допускается вложенность списков. Список располагается внутри контейнера <UL>. Каждый пункт списка начинается стандартным тэгом <LI>. Программы просмотра создают автоматический отступ для вложенных списков и сами разнообразят маркеры.

 

Базовый шаблон неупорядоченного списка выглядит следующим образом:

 

<UL>
<LI> Item_1
<LI> Item_2
...
</UL>

 

Как и в случае тэга <OL>, для тэга <UL> в HTML используются расширения браузера Netscape по управлению видом маркеров. Их вид можно устанавливать при помощи атрибута type, который допускает три значения: disk, square, circle.

 

4 Список определений

 

Списки определений, также называемые словарями специальных терминов (глоссариями), являются особым видом списков HTML. Они представляют текст в форме словарной статьи, состоящей из определенного термина и абзаца, раскрывающего его значение. Элемент списка определений DL является контейнером и обеспечивает отделение списка от остального текста пустыми строками. Внутри контейнера тэгом <DT> помечается определенный термин, а тэгом <DD> – абзац с его определением. Тэги <DT> и <DD> не являются контейнерами.

 

Базовый шаблон списка определений выглядит следующим образом:

 

<DL> definition header
<DT> term_1
<DD> definition of term_1
<DT> Term_2
<DD> definition of term_2
...
</DL>

 

Текст после тэга <DT> должен помещаться в одной строке. Если это требование не выполнено или если строка выходит за пределы окна браузера, производится перевод строки, но без отступа. Текст, стоящий за тэгом <DD>, выводится отдельным абзацем с отступом вниз на одну или две строки (зависит от программы просмотра) относительно определяемого термина.


 

7 вопрос

 

1 Создание таблиц

 

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

 

Элемент <TABLE> представляет собой тэг-контейнер, в котором размещается содержимое таблицы. Этот контейнер напоминает контейнер списка.

 

Таблица строится по строкам: для обозначения строки используется контейнер <TR>, для обозначения заголовков столбцов (строк) – контейнер <TH>, а для данных в ячейках – контейнер <TD>. Заголовки выделяются полужирным шрифтом и центрируются в своих ячейках. Данные имеют обычный шрифт и выравниваются по левой стороне ячейки.

 

Ниже приведен список основных тэгов таблиц:

– <TABLE> – контейнер таблицы;

– <TR> – контейнер строки таблицы. Допускается отсутствие закрывающего тэга;

– <TD> – контейнер ячейки таблицы. В ячейку можно включить другую таблицу. Закрывающий тэг может быть опущен;

– <TH> – контейнер заголовка, располагающегося обычно в первой строке, либо в первом столбце таблицы. Закрывающий тэг необязателен.

 

В дополнение к этим тэгам используются следующие атрибуты:

– border тэга <TABLE> – для определения рамки таблицы. Ширина рамки устанавливается в пикселях, например border=1 (значение, равное нулю, означает отсутствие рамки).

– align тэга <TABLE> – для выравнивания таблицы в окне браузера. Имеет значения left, center и right (по умолчанию – left).

 

2. Размещение данных внутри ячеек

 

При помощи атрибутов align и valign можно по-разному размещать данные относительно границ ячейки. Эти атрибуты используются совместно с элементами <CAPTION>, <TR>, <TH> и <TD> в самых различных комбинациях. Ниже приведены значения атрибутов для этих элементов:

– <CAPTION> – атрибут align может иметь значения top и bottom (по умолчанию – top); размещает заголовок таблицы сверху или снизу;

– <TR> – атрибут align может принимать значения left, center и right (по умолчанию – left для данных, center для заголовков); он определяет горизонтальное выравнивание данных в ячейках и действует на всю строку, если он не отменяется тем же атрибутом в отдельной ячейке. Атрибут valign может иметь значения top, bottom, middle и baseline (по умолчанию – middle); он регулирует положения данных относительно верхней и нижней границ ячейки и влияет на всю строку, если не отменяется таким же атрибутом в отдельной ячейке. baseline применяется ко всем элементам строки и выравнивает их по базовой линии;

– <TH> – атрибут align может принимать значения left, center и right (по умолчанию – center). Атрибут valign может иметь значения top, bottom и middle (по умолчанию – middle).

– <TD> – атрибут align может принимать значения left, center и right (по умолчанию – left). Атрибут valign может иметь значения top, bottom и middle (по умолчанию – middle).

 

3 Объединение ячеек

 

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

 

Для соединения двух смежных ячеек в одном столбце нужно использовать атрибут rowspan тэга <TH> или <TD>, например: <TD rowspan = 2>

 

Для объединения двух смежных ячеек в одной строке нужно использовать атрибут colspan тех же тэгов, например: <TD colspan = 2>

 

4 Новые атрибуты таблиц

 

В HTML версии 4 введены несколько новых атрибутов таблиц. Ниже приведен их список:

– width – определяет ширину всей таблицы в пикселях, либо в процентах от ширины окна браузера. Может также использоваться для отдельной ячейки;

– height – определяет высоту всей таблицы в пикселях, либо в процентах от ширины окна браузера. Может также использоваться для отдельной ячейки;

– border – устанавливает ширину рамки в пикселях;

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

 

 

8 вопрос

Метки

 

В случае, когда используются переходы внутри текущей страницы, на ней должны быть расставлены метки:

 

<A name=”Метка”> </A>

 

Пример меток в тексте:

 

<A name=”metka1”> </A>

<A name=”metka2”> </A>

 

Для перехода к метке используется ссылка по следующему шаблону:
Текст подсказки <A href=”#Метка”> Текст для щелчка </A>.

 

Пример ссылок на метки:

 

<A href=”#metka1”> Ссылка на первую метку </A>

<A href=”#metka2”> Ссылка на вторую метку </A>


 

9 вопрос

 







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



Функция спроса населения на данный товар Функция спроса населения на данный товар: Qd=7-Р. Функция предложения: Qs= -5+2Р,где...

Аальтернативная стоимость. Кривая производственных возможностей В экономике Буридании есть 100 ед. труда с производительностью 4 м ткани или 2 кг мяса...

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

Расчетные и графические задания Равновесный объем - это объем, определяемый равенством спроса и предложения...

Вопрос 1. Коллективные средства защиты: вентиляция, освещение, защита от шума и вибрации Коллективные средства защиты: вентиляция, освещение, защита от шума и вибрации К коллективным средствам защиты относятся: вентиляция, отопление, освещение, защита от шума и вибрации...

Задержки и неисправности пистолета Макарова 1.Что может произойти при стрельбе из пистолета, если загрязнятся пазы на рамке...

Вопрос. Отличие деятельности человека от поведения животных главные отличия деятельности человека от активности животных сводятся к следующему: 1...

Ситуация 26. ПРОВЕРЕНО МИНЗДРАВОМ   Станислав Свердлов закончил российско-американский факультет менеджмента Томского государственного университета...

Различия в философии античности, средневековья и Возрождения ♦Венцом античной философии было: Единое Благо, Мировой Ум, Мировая Душа, Космос...

Характерные черты немецкой классической философии 1. Особое понимание роли философии в истории человечества, в развитии мировой культуры. Классические немецкие философы полагали, что философия призвана быть критической совестью культуры, «душой» культуры. 2. Исследовались не только человеческая...

Studopedia.info - Студопедия - 2014-2024 год . (0.013 сек.) русская версия | украинская версия