Текстовое оформление страниц - davaiknam.ru o_O
Главная
Поиск по ключевым словам:
страница 1
Похожие работы
Название работы Кол-во страниц Размер
Моу сош №15 Ученица 10 1 53.04kb.
Лион фейхтвангер 9 1139.41kb.
Управление образования администрации Копейского городского округа 1 99.99kb.
Текстовое сопровождение к маршруту №2 «Калуга Циолковского» 1 66.68kb.
Общие требования для сдачи («допуска») экзамена 1 55.85kb.
Создание web-страниц с помощью Microsoft FrontPage 1 52.51kb.
Дипломная работа бакалавра должна составлять 30-50 машинописных страниц; 1 27.6kb.
Отчетный год 2012 I. Отрасль науки: Астрономия (01. 03. 00) 1 29.17kb.
Дизайн и оформление аптечного предприятия 1 149.94kb.
План воспитательной работы 3 отряд 1 116.46kb.
Сценарий урока литературы в 9 классе. Литературно-музыкальная гостиная... 1 23.29kb.
Богословская конференция русской православной церкви 1 158.65kb.
Направления изучения представлений о справедливости 1 202.17kb.

Текстовое оформление страниц - страница №1/1

Домашняя работа № 3

Текстовое оформление страниц


С помощью тега <font> можно изменить параметры шрифта. Для тега используются следующие параметры: face, size и color.

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



Пример 1. Использование параметра face

>Текст будет написан шрифтом Arial.


Size задает размер шрифта в условных единицах от 1 до 7. Средний раз­мер, используемый по умолчанию принят 3. Размер шрифта можно указывать как абсолютной величиной (например, size=4), так и относительной (например, size=+l, size=-l). В последнем случае размер изменяется относительно базово­го.


Пример 2. Задание размера шрифта

Шрифт размера 1/font>

Шрифт размера 2


Шрифт размера 3


Шрифт размера 4


Шрифт размера 5


Шрифт размера 6




size=7>Шрифт размера 7

Шрифт размера 1

Шрифт размера 2

Шрифт размера 3

Шрифт размера 4

Шрифт размера 5

Шрифт размера 6

Шрифт размера 7



Color определяет цвет текста, который можно задавать с помощью на­званий цветов или в шестнадцатеричном формате.

Пример 3. Изменение цвета текста

Первая буква этого предложения будет написана шрифтом Arial, красным цветом и увеличенной.< /font >

Первая буква этого предложения будет написана шрифтом Arial, красным цветом и увеличенной.



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

Код HTML

Описание

Пример

Текст

Жирный текст

Текст

Текст

Курсивное начертание текста

Текст

Текст

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

Текст

Текст

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

e=mc2

Текст

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

H20

Текст

Зачеркнутый текст

Текст

Текст



Текст пишется как есть, включая все пробелы

Текст

Текст

Курсивный текст

Текст

Текст

Жирный текст

Текст

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

Пример 4. Создание нижнего индекса

Формула серной кислоты: H2SO4

Формула серной кислоты:

H2S04

Выравнивание текста

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

Код HTML

Описание

Пример

Текст



Добавляет новый параграф, по умолча­нию выровненный по левому краю. Пе­ред параграфом автоматически добавля­ется пустая строка.

Текст

Текст



Выравнивание по левому краю.

Текст

Текст



Выравнивание по правому краю.

Текст

Текст



Выравнивание по центру.

Текст

Текст



Выравнивание по ширине.

Текст по ширине

Задание

Оформите текст, как показано ниже:



Октябрь уж наступил,

Уж роща отряхает

Последние листы

С нагих своих ветвей.

Дохнул осеннийхлад,

Дорога промерзает,

Журча, еще бежит

За мельницу ручей.
Вставка изображений в html-страницы

Для встраивания изображения в документ используется тег IMG, имею­щий единственный обязательный параметр src, который определяет адрес фай­ла с картинкой.



Файл с рисунком, изображенным ниже, называется sample.gif и размеща­ется в папке images корня сайта.

Для указания адреса изображения можно задавать как абсолютный, так и относительный адрес.

Пример 1. Вставка изображения в документ






- это абсолютный адрес раз-< мещения изображения

- адрес размещения изображения относительно корня сайта

- адрес размещения изображения относительно текущего HTML-документа





Выравнивание изображений

Для изображений можно указывать их положение относительно текста или других изображений на веб-странице. Способ выравнивания изображений задается параметром align тега IMG. В таблице перечислены возможные зна­чение этого параметра и результат его использования.



Код

Описание



Верхняя граница изображе­ния выравнивается по самому высокому текстовому эле­менту текущей строки.



Верхняя граница изображе­ния выравнивается по самому высокому элементу текущей строки.



Выравнивание середины изо­бражения по базовой линии текущей строки.



Выравнивание середины изо­бражения по средине теку­щей строки.



Выравнивание изображения по базовой линии текущей строки.



Выравнивание нижней гра­ницы изображения по окру­жающему тексту.



Выравнивает изображение по левому краю окна.





Выравнивает изображение по правому краю окна.


Наиболее популярные параметры - left и right, создающие обтекание текста вокруг изображения. Чтобы текст не прилегал плотно к рисунку, реко­мендуется в теге IMG добавить параметр hspace и vspace, задающих расстоя­ние до текста в пикселах.



Пример 2. Обтекание текста вокруг рисунка






Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisi ut aliquip ex ea commodo consequat.





Лучшее, что есть у человека, — это собака. Туссен Никола Шарле
ещё >>