Структура HTML-документа. Каким тэгом начинается и заканчивается HTML-документ, из каких частей состоит, какими тэгами обозначаются эти части?

HTML-документ начинается тэгом < HTML> и заканчивается парным ему

< /HTML> и делится на 2 части: шапку (заключена в тэги < HEAD> ) и тело (заключено в

тэги < BODY> ). В шапке содержится служебная и заголовочная информация, как

правило, невидимая пользователю. В теле содержится основной гипертекст.

Перечислите не менее 4 тэгов шапки документа с расшифровкой (закрывающие парные тэги не писать)

HEAD Определяет начало и конец заголовка документа

TITLE Определяет имя всего документа, которое

отображается в заголовке окна браузера

STYLE Используется для вставки в документ таблицы

стилей CSS

META Используется для вставки метаданных

Перечислите тэги для форматирования (3 или больше)

BASEFONT Основной шрифт

FONT Цвет, размер и тип шрифта текста

I Курсив

B Полужирный

U Подчеркнутый

S, STRIKE Перечеркнутый

SUP Верхний индекс

SUB Нижний индекс

CODE, SAMP Формула, программный код

Перечислите тэги текстовых блоков (3 или больше, заголовки писать один раз)

H1, H2, …, H6 Заголовки текста

P Разметка параграфов

DIV Отделяет блок HTML-документа от остальной его

части

ADDRESS Почтовый адрес

BLOCKQUOTE Цитата

BR Перевод строки

HR Горизонтальная разделительная линия

PRE Блок предварительно отформатированного текста

Напишите тэг гиперссылки и его основной параметр, указывающий адрес ссылки

< A>

Элемент для создания и использования гипертекстовых ссылок.

Параметры:

HREF - гипертекстовая ссылка. Возможные значения: http: //...; ftp: //...; mailto:...;

news:..; telnet: //...; wais: //...; gopher: //...;

NAME - возможный объект для ссылки.

Напишите тэг для вставки изображений и его основной параметр, указывающий путь к файлу с изображением

< IMG>

Параметр

SRC - адрес файла с изображением.

Напишите тэги для вставки списков

UL неупорядоченный список

OL упорядоченный список

LI пункт меню внутри элементов OL или UL

MENU, DIR неупорядоченный список, подобный UL

DL список определений

DT термин в списке определений внутри элемента

DD определение термина внутри элемента DL

Напишите тэги для вставки таблиц

TABLE Таблица

CAPTION заголовок таблицы

TR новый ряд (строка) ячеек таблицы

TD, TH ячейка с данными в текущей строке

Напишите тэги для вставки форм и элементов форм

< FORM>

Параметры:

NAME - определяет имя формы, уникальное для данного документа.

Используется, если в документе присутствует несколько форм.

ACTION - обязательный параметр. Определяет URL, по которому будет

отправлено содержимое формы. Это может быть либо адрес электронной почты, либо

путь к скрипту сервера, обслуживающему данную форму.

METHOD - определяет способ отправки содержимого формы. Возможные

значения GET (по умолчанию) и POST.

ENCTYPE - определяет способ кодирования содержимого формы при отправке.

По умолчанию используется " application/x-www-form-urlencoded".

TARGET - определяет имя окна, в которое возвращается результат обработки

отправленной формы. Возможные значения: _self, _parent, _top, _blank или явно

указанное имя окна. Подробное описание значений смотрите в параметре TARGET

элемента A.

Элементы для создания форм:

FORM Создает заполняемую форму

TEXTAREA Создает поле для ввода нескольких строк

текста

SELECT Создает меню в заполняемой форме

OPTION Создает отдельные пункты в меню (см.

SELECT)

INPUT Создает поле в форме

Перечислите основные типы полей форм и соответствующие им значения параметра type тэга input (4 или более)

NAME - определяет имя, используемое при передаче содержания данной формы

на сервер. Этот параметр необходим для большинства типов (параметр TYPE - cм. ниже)

элемента INPUT и обычно используется для идентификации поля или для группы полей,

связанных логически.

TYPE - определяет тип поля для ввода данных. По умолчанию - это " text".

Возможные значения:

· text - создает поле ввода под одну строку текста. Как правило используется

совместно с параметрами SIZE и MAXLENGTH.

· textarea - создает поле ввода для текста в несколько строк. Но для этих целей

лучше использовать элемент TEXTAREA

· file - дает возможность пользователю приобщить файл к текущей форме.

Возможно использование совместно с параметром ACCEPT.

· password - создает поле ввода под одну строку, однако текст, вводимый

пользователем, отображается в виде значков " *", скрывая тем самым его

содержание от любопытных глаз.

· radio - создает поле ввода для атрибутов, которые принимают одно значение из

нескольких возможных. Все кнопки (radio buttons) в группе должны иметь

одинаковые имена, но только выбранная кнопка в группе создает пару

ACCEPT - конкретизирует тип файла. Используется только совместно с пара-

метром TYPE=" file". Значение задается в виде MIME.

SIZE - определяет размер поля в символах. Например, чтобы определить поле с

видимой шириной в 24 символа, надо указать SIZE=" 24".

MAXLENGTH - определяет максимальное количество символов, которые можно

ввести в текстовом поле. Оно может быть больше, чем количество символов, указанных в

параметре SIZE, в этом случае поле будет прокручиваться (scroll). По умолчанию

количество символов не ограничено

SRC - задает URL-адрес картинки, используемой при создании графической

кнопки, инициирующей передачу данных. Используется совместно с параметром

TYPE=" image".

2.2

Что означают следующий тэг:

· HEAD

Определяет начало и конец заголовка документа

· Title

Определяет имя всего документа, которое

отображается в заголовке окна браузера

· BODY

Тело документа

· A

Гиперссылки

· H1

Заголовки текста

· P

Разметка парграфов

· DIV

Отделяет блок HTML-документа от остальной его

части

· I

Курсив

· B

Полужирный

· U

Подчеркнутый

· UL

Неупорядоченный список

· OL

Упорядоченный список

· LI

Пункт меню внутри элементов OL или UL

· IMG

Изображения

· TABLE

Таблица

· TR

Новый ряд (строка) ячеек таблицы

· TD

Ячейка с данными в текущей строке

· FORM

Создает заполняемую форму

· TEXTAREA

Создает поле для ввода нескольких строк

текста

· SELECT

Создает меню в заполняемой форме

· OPTION

Создает отдельные пункты в меню

Что означает следующий параметр:

· Width

ширина изображения.

· Height

высота изображения.

· Align

Способ выравнивания

· Border

Ширина рамки

· Src

Адрес файла с изображением

Что вставляет следующая строка HTML-кода:

· < input type=”text”>

создает поле ввода под одну строку текста.

· < input type=”checkbox”>

создает поле ввода для атрибутов типа Boolean (" да" /" нет" ) или для

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

· < input type=”radio”>

создает поле ввода для атрибутов, которые принимают одно значение из

нескольких возможных.

· < input type=”password”>

создает поле ввода под одну строку, однако текст, вводимый

пользователем, отображается в виде значков " *", скрывая тем самым его

содержание от любопытных глаз

· < input type=”button”>

позволяет создать кнопку в HTML документе, что добавляет функции при

использовании Visual Basic Script или Java Script.

· < input type=”submit”>

создает кнопку, при нажатии которой заполненная форма посылается на

сервер.

· < input type=”reset”>

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

значениям.

CSS

3.1

· Дайте определение CSS

CSS (англ. CASCADING STYLE SHEETS - Каскадные таблицы стилей) -

технология описания внешнего вида документа, написанного языком разметки

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

формы его представления. Логическая структура документа определяется элементами

HTML-разметки, в то время как форма представления каждого из этих элементов

задается CSS-описателем элемента.

· Напишите преимущества CSS по сравнению со средствами форматирования HTML

1. Отделение описание внешнего вида документа от его разметки, что делает

код более читабельным

2. Возможность применения одного стиля несколько раз.

3. Более широкие возможности для оформления документа

· Перечислите 3 способа описания CSS

1. В КОНКРЕТНОМ МЕСТЕ непосредственно в элементе разметки (прямо

внутри тега);

2. Размещение описания стиля в шапке документа в элементе < STYLE>;

3. Размещение описания стиля в файле CSS

· Перечислите 3 способа применения CSS

1. В КОНКРЕТНОМ МЕСТЕ непосредственно внутри элемента разметки

2. Переопределение стиля тега (элемента разметки)

3. Использование классов

· Напишите суть переопределения стиля тэга. Приведите пример (Пример можно привести как, используя синтаксис CSS: h1 {text-align: center}, так и просто словами: выравнивание по центру для всех заголовков(тэгов < h1> ))

При этом способе, задав один раз стиль (например, выравнивание по центру,

тёмно-синий цвет, большой шрифт) для определенного тэга (например, < h1> ),

каждый раз при использовании данного тэга, будет применен заданный стиль.

Т.е. всё заголовки (h1) будут тёмно-синими, большими, выравненными по центру

· Напишите суть создания и использования классов. Приведите пример. (Пример можно привести как, используя синтаксис CSS:

.myclass {font-style: italic; text-decoration: underline}

< span class=”myclass”> слова < /span>,

1 23	Поделиться: