Заглавная страница
Избранные статьи
Случайная статья
Познавательные статьи
Новые добавления
Обратная связь
FAQ
Написать работу

ТОП 10 на сайте

Приготовление дезинфицирующих растворов различной концентрации

Техника нижней прямой подачи мяча.

Франко-прусская война (причины и последствия)

Организация работы процедурного кабинета

Смысловое и механическое запоминание, их место и роль в усвоении знаний

Коммуникативные барьеры и пути их преодоления

Обработка изделий медицинского назначения многократного применения

Образцы текста публицистического стиля

Четыре типа изменения баланса

Задачи с ответами для Всероссийской олимпиады по праву

Мы поможем в написании ваших работ!

ЗНАЕТЕ ЛИ ВЫ?

Влияние общества на человека

Приготовление дезинфицирующих растворов различной концентрации

Практические работы по географии для 6 класса

Организация работы процедурного кабинета

Изменения в неживой природе осенью

Уборка процедурного кабинета

Сольфеджио. Все правила по сольфеджио

Балочные системы. Определение реакций опор и моментов защемления

Главная Избранные Случайная статья Познавательные Новые добавления Обратная связь FAQ Написать работу

Практическая работа 2. Форматирование текста

↑

⇐ ПредыдущаяСтр 4 из 11Следующая ⇒

Цель работы: изучение способов форматирования текста, написание текста в HTML-коде с использованием уже изученных тегов.

Методические указания

Символы разрыва абзаца и строки , 

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

<HTML>

< HEAD>

< TITLE>Пример простого списка<TITLE>

< /HEAD>

< BODY>

< H3>Цитрусовые<H3>

Апельсин Лимон Мандарин

< /BODY>

< /HTML>

<PRE> </PRE>

Контейнер отформатированного текста <PRE> позволяет сохранить форматирование текста таким, каким оно было при наборе, поскольку символы перехода на новую строку (полученные в результате нажатия клавиши ENTER) он интерпретирует как разрывы строки. Пробелы внутри текста интерпретируются в точном соответствии с их расположением в текстовом редакторе. Теги абзацев и заголовков, случайно попавшие внутрь контейнера, не интерпретируются. Браузеры отображают отформатированный текст точно также, как он выглядит в исходной программе. Тег <PRE> удобно использовать для помещения на Web-страницу, например, стихов. Теги <PRE> позволяют также легко представлять данные в виде таблицы. Например:

.....

< BODY>

< PRE>Данные о продажах фирмы "РОГА и КОПЫТА"

Месяцы Рога Копыта

Январь 3556 788

Апрель 5668 543

Август 7664 166

< /PRE>

< /BODY>

.....

Форматирование цитат <BLOCKQUOTE> </BLOCKQUOTE>, <Q> </Q>

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

А при использовании тега <Q> цитата продолжается в той же строке, что и предыдущий текст, т.е. блок текста не разрывается на части.

Форматирование текста с помощью стилей

В HTML 4.0 предусмотрено несколько способов форматирования текста. Это явное (или абсолютное) форматирование с помощью физических стилей; неявное (или относительное) форматирование с помощью логических стилей; изменение размера шрифта.

Текст, выделенный физическим стилем, во всех браузерах отображается одинаково (курсив есть курсив, подчеркивание есть подчеркивание), а логические стили можно назвать относительными, т.к.в различных браузерах они отображаются по-разному. Браузер сам решает, как отформатировать текст оптимальным образом по отношению к остальной части Web-страницы.

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

Теги физических стилей

· - полужирный шрифт;

· - курсив;

· <TT> - моноширинный шрифт;

· - подчеркивание;

· - подстрочный текст;

· - надстрочный текст;

· <STRIKE> - зачеркивание.

Теги логических стилей

· - выделенный текст (обычно курсивом);

· - выделенный текст жирным шрифтом;

· <CITE> - текст в виде цитаты;

· <CODE> - текст-фрагмент HTML-кода;

· <DFN> - текст-определение;

· <SAMP> - текст как пример программы;

· <KBD> - текст, который необходимо ввести с клавиатуры;

· <VAR> - текст, определяющий переменную или значение.

Изменение размера шрифта 

С помощью тега FONT можно определить размер и цвет шрифта. Атрибут SIZE позволяет указать абсолютный размер шрифта (он может принимать значения от 1 до 7) или относительный, по отношению к размеру шрифта, используемого в основной части страницы (он может принимать значения от -4 до +4). При этом используется следующий синтаксис:

.

Для изменения размера основного шрифта документа используется элемент BASEFONT. Его синтаксис выглядит следующим образом:

< BASEFONT SIZE=значение>.

Величина основного шрифта может принимать значения от 1 до 7, а стандартный для браузера размер шрифта равен 3.

Если Вы хотите узнать об использовании новых атрибутов, или что такое ЛИСТЫ СТИЛЕЙ или, то обратитесь к "Справочнику HTML".

Порядок выполнения работы

1. Введите текст работы в текстовом редакторе Блокнот

2. Сохраните файл с именем Работа 2.HTM.

3. На рис. 4. показан результат

Контрольные вопросы

1. Назовите известные вам способы форматирования текста.

2. В чем отличие физического стиля от логического?

3. C помощью какого дескриптора можно вывести на экран стихи (строки смещены относительно друг друга)?

4. Как вывести на экран уравнение 2-го порядка?

5. Выведите на экран простую таблицу, состоящую из заголовка 5-го уровня и 6-ти элементов.

Рис. 4

⇐ Предыдущая 1 2 345 6 7 8 9 10 Следующая ⇒

Познавательные статьи:

Где возникла философия и почему?

Относительная высота сжатой зоны бетона

Сущность проекции Гаусса-Крюгера и использование ее в геодезии

Тарифы на перевозку пассажиров

Последнее изменение этой страницы: 2021-05-27; просмотров: 151; Нарушение авторского права страницы; Мы поможем в написании вашей работы!

infopedia.su Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав. Обратная связь - 216.73.217.21 (0.009 с.)