Форма отчетности: Защита лабораторной работы. Тема: Форматирование документа
Лабораторная работа №4
Тема: Форматирование документа.
Цель: Знакомство с возможностями языка HTML при создании документа с текстовыми блоками.
Задача: Создание страницы HTML-документа с форматированным текстом при помощи редактора «Блокнот» и визуализация при помощи интернет-браузера.
Вопросы для подготовки к лабораторной работе:
- Какие существуют текстовые блоки?
- Какие теги используются для создания заголовков текста?
- Какой тег используется для перевода каретки?
- Какой тег и атрибуты используются для создания горизонтальной линии?
- Какие теги существуют для форматирования вводимого текста?.
Задание:
Создайте HTML-страницу со своими биографическими данными, фоном страницы, заголовками и элементами форматирования текста.
Материал для подготовки к лабораторной работе:
Текстовые блоки
Элементы:
H1,H2,...H6 | Используются для создания заголовков текста. Существует шесть уровней заголовков, различающихся величиной шрифта. С их помощью можно разбивать текст на смысловые уровни – разделы и подразделы Заголовки 1 уровня обозначаются тэгом <Н1> и отображаются самым крупным шрифтом, а уровня 6 (<Н6>) - самым мелким. Шрифт заголовков, форматируемых с помощью тэга <Н4>, как правило, не отличается по размеру от шрифта, которым набран основной текст страницы. |
Атрибуты: ALIGN – определяет способ выравнивания заголовка по горизонтали. Возможные значения: left, right, center. | |
P | Используется для разметки параграфов. |
Атрибуты: ALIGN – определяет способ выравнивания заголовка по горизонтали. Возможные значения: left, right, center. По умолчанию имеет значение left. Если стоит задача размещения какого-либо сочетания слов в одной строке, то для этой цели используется парный тэг (тег) <NOBR>. Тег <wbr> - определяет место мягкого переноса. Используется совместно с <nobr> и размещается внутри его контейнера. Браузер осуществляет перенос, если строчка не помещается в ширину окна и обычный перенос запрещен с помощью тэга <nobr>. | |
DIV | Отделяет блок HTML-документа от остальной его части Находящиеся между начальным и конечным тегами текст или HTML-элементы по умолчанию оформляются как отдельный параграф. |
Атрибуты: ALIGN – определяет выравнивание содержимого элемента DIV. Атрибут может принимать значения: left, right, center. У атрибута ALIGN есть еще одно значение – justify, Оно позволяет выравнивать текст по ширине (одновременно по левому и правому краям документа). Не понимающие justify браузеры будут выравнивать текст по левому краю. | |
ADDRESS | Оформляет текст как почтовый адрес. Чаще всего, оформление выражается в выделении строки адреса курсивом. |
BLOCKQUOTE | Оформляет текст как цитату. Цитируемый текст отображается отдельным абзацем с увеличенным отступом. |
BR | Осуществляет перевод строки |
Атрибуты: CLEAR – указывает на необходимость завершения обтекания изображения текстом. Может принимать следующие значения: all – завершить обтекание изображения текстом. left – завершить обтекание текстом изображения, выровненного по левому краю. right – завершить обтекание текстом изображения, выровненного по правому краю. | |
HR | Вставляет в текст горизонтальную разделительную линию. |
Атрибуты: WIDTH – определяет длину линии в пикселях или процентах от ширины окна браузера. SIZE – определяет толщину линии в пикселях. ALIGN – определяет выравнивание горизонтальной линии. Атрибут может принимать следующие значения: left – выравнивание по левому краю документа. right – выравнивание по правому краю документа. center – выравнивание по центру документа (используется по умолчанию). NOSHADE – определяет способ закраски линии как сплошной. Атрибут является флагом и не требует указания значения. Без данного атрибута линия отображается объемной. COLOR – определяет цвет линии. Задается либо RGB-значением в шестнадцатеричной системе, либо одним из 16 базовых цветов. Атрибут работает только в Internet Explorer. | |
PRE | Включает в документ (моноширинным шрифтом) блок предварительно отформатированного текста Браузеры воспроизводят содержимое этого элемента с помощью моноширинного шрифта, сохраняя пробелы и символы конца строки. При обработке тэга <PRE>, браузер отображает текст, заключенный в этот тэг, точно так, как он набран - не удаляя избыточных пробелов и переносов. |
Текст комментария должен быть заключен между открывающим <!-- и закрывающим --> разделителями. Текст, заключенный между такими скобками, браузером не воспринимается и на экране не отображается.
Элементы форматирования текста:
BASEFONT | Определяет основной шрифт, которым должен отображаться текст документа. В последствии можно легко изменить шрифт в любой части документа, используя элемент FONT. Действие элемента BASEFONT не распространяется на текст, заключенный в ячейки таблиц. |
Атрибуты: SIZE – обязательный атрибут. Определяет базовый размер шрифта. Возможные значения: целые числа от 1 до 7 включительно. FACE – определяет используемый шрифт (гарнитуру). | |
FONT | Позволяет изменять цвет, размер и тип шрифта текста, находящегося между начальным и конечным тегами. Вне тегов <FONT> и </FONT> используется шрифт, указанный в элементе BASEFONT. |
Атрибуты: SIZE – определяет размер шрифта. Возможные значения: – целое число от 1 до 7; – относительный размер с указанием знака, вычисляется путем сложения с базовым размером, определенным с помощью атрибута SIZE элемента BASEFONT. COLOR – определяет цвет текста. Задается либо RGB-значением в шестнадцатеричной системе, либо одним из 16 базовых цветов. FACE – определяет используемый шрифт. | |
I | Выделяет текст курсивом |
EM | Используется для смыслового выделения текста (курсивом) Логическое ударение. Используется для смыслового выделения текста, стоящего между начальным и конечным тегами. Результат обычно отображается курсивом. То есть элемент EM по действию практически аналогичен элементу I. |
B | Выделяет текст жирным шрифтом |
STRONG | Усиленное выделение текста (жирным) |
U | Отображает текст подчеркнутым |
S, STRIKE | Отображает текст перечеркнутым |
BIG | Отображает текст увеличенным шрифтом (относительно текущего) |
SMALL | Отображает текст уменьшенным шрифтом (относительно текущего) |
SUP | Отображает текст со сдвигом вверх (верхний индекс) |
SUB | Отображает текст со сдвигом вниз (нижний индекс) |
CODE, SAMP | Оформляют текст как формулу или программный код |
TT | Отображает текст моноширинным шрифтом |
KBD | Выделяет текст, который предлагается набрать на клавиатуре. Как правило, текст, заключенный между начальным и конечным тегами, выделяется жирным моноширинным шрифтом. |
VAR | Используется для обозначения в тексте переменных |
CITE DFN | Оформляет текст как цитату или ссылку на источник Обычно используется для коротких цитат. Цитируемый текст отображается курсивом. |
ACRONIM | Вставка аббревиатуры |
Атрибуты | |
TITLE | Расшифровка аббревиатуры |
INS | Добавление текста с другой страницы Выделение изменений на странице |
Атрибуты | |
CITE | Адрес другой страницы |
Q | Краткая цитата |
Атрибуты | |
CITE=”URI” | URI задает цитируемый документ или сообщение |
CENTER | Выравнивает все элементы, находящиеся между тэгами по центру |
Форма отчетности: Защита лабораторной работы