Задание 2. Управление расположением текста на экране

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

Информация. При отображении HTML-документов браузеры автоматически размещают текст на экране, не принимаяво внимание встречающиеся в файле переводы строк и идущие подряд пробелы.

1. При необходимости выполните п.п. 5–6 задания 1.

2. Откройте первоисточник Web-страницы командой Вид/Просмотр HTML -кода.Откроется окно со стандартной программой Блокнот, в котором Web-страница будет представлена в командах HTML.

3. Внесите изменения в текст файла HTML, расположив слова “Расписание”, “занятий”, “на вторник” на разных строках:

<HTML>

<HEAD>

<TITLE> Учебный файл HTML </TITLE>

</HEAD>

<BODY>

Расписание

занятий

на вторник

</BODY>

</HTML>

4. Сохраните внесенные изменения в файле RASP.НТМ, с помощью команд Файл/Сохранить.

5. Просмотрите с помощью браузера Microsoft Internet Explorer новую полученную Web-страницу, используя клавишу F5 или с помощью команд Вид/Обновить.Изменилось ли изображение текста на экране?

Примечание.В дальнейшем после внесения вменений в Web-страницу всегда выполняйте п.п. 4–5.

Задание 3. Тэги перевода строки и абзаца

Информация. Существуют специальные команды, выполняющие перевод строки и задающие начало нового абзаца. Кроме того, существует команда, которая запрещает программе браузера каким-либо образом изменять форматирование текста и позволяет точно воспроизвести на экране заданный фрагмент текстового файла.

Тэг перевода строки отделяет строку последующего текста или графики. Тэг абзаца <Р> тоже отделяет строку, но еще добавляет пустую строку, которая зрительно выделяет абзац. Оба тэга являются одноэлементными (непарными).

1. Внесите изменения в текст файла HTML:

<HTML>

<HEAD>

<TITLE> Учебный файл HTML </TITLE>

</HEAD>

<BODY>

Расписание<Р>

занятий<В R >

на вторник

</BODY>

</HTML>

2. Сохраните внесенные изменения в файле RASP.HTM.

3. Просмотрите с помощью браузера Microsoft Internet Explorer новую полученную Web-страницу. Как изменилось изображение текста на экране?

Задание 4. Выделение фрагментов текста

Информация. Тэги выделения фрагментов текста позволяют управлять отображением отдельных символов и слов. Существует три тэга выделения фрагментов текста:

<В> ... </В> для выделения полужирным,

... для выделения курсивом,

... для выделения подчеркиванием.

В документах HTML очень часто блоки текста отделяются друг от друга тонкой горизонтальной линией. Для ее отображения используется тэг <НR COLOR=#XXXXXX SIZE=X ALIGN=left|right|center NOSHADE>. Здесь любой параметр, кроме HR, необязателен. Значение COLOR определяет цвет; SIZE указывает ширину разделительной линии в пикселях; ALIGN определяет выравнивание линии влево, вправо или по центру (по умолчанию линия центрируется); WIDTH указывает ширину линии в пикселях. В принципе, в параметре WIDTH можно указать размер линии в процентах от ширины окна, но тогда после цифрового значения необходимо поставить символ процента. Параметр NOSHADE задает рисование линии без тени.

1. Внесите изменения в файл RASP.HTM:

<HTML>

<HEAD>

<TITLE> Учебный файл HTML </TITLE>

</HEAD>

<BODY>

<В>Расписание</В> занятий на вторник

<HR>

</BODY>

</HTML>

2. Посмотрите новую полученную Web-страницу.

Возможно использование комбинированных шрифтов:

<В>Расписание</В> занятий  на вторник.

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

<Тэг-1> <Тэг-2> … </Тэг-2></Тэг-1>

правильная запись;

<Тэг-1> <Тэг-2> … </Тэг-1></Тэг-2>

ошибочная запись.

Задание 5. Списки

Информация. Для создания обычного ненумерованного списка (перечисление без упорядочивания) используется следующая конструкция: начало списка открывается тэгом <UL>, каждый элемент списка отмечается тэгом <LI>, а завершение списка делается с помощью закрывающего тэга </UL>. Для тэга <UL> есть параметр TYPE, который определяет вид маркеров списка. То есть, если задать <UL TYPE=CIRCLE>, то в качестве маркера для пунктов списка будет использована окружность, значение параметра DISK задает в качестве маркера точку, а SQUARE – квадрат.

Если необходимо воспроизвести нумерованный список, то воспользуемся тэгами <OL> и </OL>. У стартового тэга <OL> существует параметр TYPE, задающий тип списка, и START, задающий начальный номер списка. Taк, при записи <OL TYPE=A> в качестве нумераторов списка будут использованы прописные латинские буквы. Значение параметра TYPE=a заставит нумеровать список строчными латинскими буквами, I – большими римскими цифрами (I, II, III, …), i – маленькими римскими цифрами (i, ii, iii, …), а 1 – обычными арабскими цифрами (1, 2, 3, …).

Если требуется создать список с пояснениями, то используются тэги <DL> и </DL>, причем для обозначения самого элемента списка зарезервирован тэг <DT>, а для связанного с ним пояснения – <DD>.

1. Подготовьте электронную версию документа в текстовом редакторе, сохраните его под именем spiski.htm:

<HTML>

<HEAD>

<TITLE>Списки</TITLE>

</HEAD>

<BODY>

Ненумерованный список

<UL>

<LI> Первый ненумерованный пункт

<LI> Второй ненумерованный пункт

</UL>

Нумерованный список

<LI> Первый пункт, помечен большой римской цифрой десять

<LI> Второй пункт, помечен большой римской цифрой одиннадцать

</OL>

Список с пояснениями

<DL>

<DT> Нумерованный список

<DD> Список, у которого все элементы пронумерованы

<DT> Ненумерованный список

<DD> Список, у которого все элементы просто помечены маркерами

</DL>

</BODY>

</HTML>

Задание 6. Использование стилей заголовка

Информация. Существует два способа управления размером текста, изображаемого браузером:

ü использование стилей заголовка;

ü задание размера основного документа или размера текущего шрифта.

Используется шесть тэгов заголовков (от Н1 до Н6). Каждому тэгу соответствует конкретный стиль, заданный в параметрах настройки браузера. Стиль Н1 – самый крупный.

1. Внесите изменения в файл RASP.HTM:

<HTML>

<HEAD>

<TITLE> Учебный файл HTML </TITLE>

</HEAD>

<BODY>

<H 1>Расписание</Н1> занятий на вторник

</BODY>

</HTML>

2. Посмотрите новую полученную Web-страницу.

Задание 7. Задание размера текущего шрифта

Информация. Тэг шрифта позволяет задавать размер текущего шрифта в отдельных местах текста. Диапазон установки текущего шрифта – от 1 до 7.

1. Внесите изменения в файл RASP.HTM:

<HTML>

<HEAD>

<TITLE> Учебный файл HTML </TITLE>

</HEAD>

<BODY>

 Расписание 

занятий на вторник

</BODY>

</HTML>

2. Самостоятельно измените размер шрифта для текста “занятия на вторник”, используя тэг .

3. Измените текст HTML-документа, используя тэги выделения фрагментов текста и тэги перевода строки и абзаца.

Дата добавления: 2021-03-18; просмотров: 168; Мы поможем в написании вашей работы!

Поделиться с друзьями:

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

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