![]() Главная страница Случайная страница КАТЕГОРИИ: АвтомобилиАстрономияБиологияГеографияДом и садДругие языкиДругоеИнформатикаИсторияКультураЛитератураЛогикаМатематикаМедицинаМеталлургияМеханикаОбразованиеОхрана трудаПедагогикаПолитикаПравоПсихологияРелигияРиторикаСоциологияСпортСтроительствоТехнологияТуризмФизикаФилософияФинансыХимияЧерчениеЭкологияЭкономикаЭлектроника |
На вторник
< /BODY> < /HTML>
Сохраните внесенные изменения в файле RASP.HTM, с помощью команд Файл (File), Сохранить (Save). Закройте программу Блокнот (Notepad). Просмотрите с помощью броузера Microsoft Internet Explorer новую полученную Web-страницу используя клавишу F5 или с помощью команд Вид(View), Обновить (Refresh). Изменилось ли изображение текста на экране?
Примечание В дальнейшем после внесения изменений в Web-страницу всегда выполняйте п.п.4-5.
Задание 3. Тэги перевода строки и абзаца
Информация. Существуют специальные команды, выполняющие перевод строки и задающие начало нового абзаца. Кроме того, существует команда, которая запрещает программе броузера каким-либо образом изменять форматирование текста и позволяет точно воспроизвести на экране заданный фрагмент текстового файла.
Тэг перевода строки < BR> отделяет строку от последующего текста или графики. Тэг абзаца < P> тоже отделяет строку, но еще добавляет пустую строку, которая зрительно выделяет абзаца. Оба тэга являются одноэлементными.
Внесите изменения в текст файла HTML:
< HTML> < HEAD> < TITLE> Учебный файл HTML < /TITLE> < /HEAD> < BODY> Расписание < P> занятий < BR> на вторник < /BODY> < /HTML>
4. Сохраните внесенные изменения в файле RASP.HTM. Просмотрите с помощью броузера Microsoft Internet Explorer новую полученную Web-страницу. Как изменилось изображение текста на экране?
Задание 4. Выделение фрагментов текста
Информация. Тэги выделения фрагментов текста позволяют управлять отображением отдельных символов и слов. Существует три тэга выделения фрагментов текста: < B> … < /B> для выделения полужирным, < I> … < /I> для выделения курсивом, < U> …< /U> для выделения подчеркиванием.
Внесите изменения в файл RASP.HTM:
< HTML> < HEAD> < TITLE> Учебный файл HTML < /TITLE> < /HEAD> < BODY> < B> Расписание < /B> < I> занятий < /I> < U> на вторник < /U> < /BODY> < /HTML> 2. Посмотрите новую полученную Web-страницу. Возможно использование комбинированных шрифтов: < I> < B> Расписание < /B> < /I> < I> занятий< /I> < U> на вторник< /U>
Но при этом необходимо помнить следующее правило записи комбинированных тэгов:
Задание 5. Использование стилей заголовка
Информация. Существует два способа управления размером текста, изображаемого броузером: использование стилей заголовка, задание размера основного документа или размера текущего шрифта.
Используется шесть тэгов заголовков (от Н1 до Н6). Каждому тэгу соответствует конкретный стиль, заданный в параметрах настройки броузера. Стиль Н1 – самый крупный.
Внесите изменения в файл RASP.HTM:
< HTML> < HEAD> < TITLE> Учебный файл HTML < /TITLE> < /HEAD> < BODY> < H1> Расписание < /H1> < I> занятий < /I> < U> на вторник < /U> < /BODY> < /HTML>
Посмотрите новую полученную Web-страницу.
Задание 6. Задание размера текущего шрифта.
Информация. Тэг шрифта < FONT> позволяет задавать размер текущего шрифта в отдельных местах текста. Диапазон установки текущего шрифта – от 1 до 7. Внесите изменения в файл RASP.HTM:
< HTML> < HEAD> < TITLE> Учебный файл HTML < /TITLE> < /HEAD> < BODY> < FONT SIZE=" 7" > Расписание < /FONT> занятий на вторник < /BODY> < /HTML>
Самостоятельно измените размер шрифта для текста " занятия на вторник", используя тэг < FONT>. Измените текст HTML-документа, используя тэги выделения фрагментов текста и тэги перевода строки и абзаца.
Лабораторная работа № 9-10
Тема: Создание Web-страниц на языке HTML. Цель: На языке HTML научиться изменением гарнитуры и цвета шрифта, выравнивая текст по горизонтали, задание цвета фона и текста расположением.
Задание 1. Гарнитура и цвет шрифта
Информация. Тэг < FONT> предоставляет возможности управления размером, начертанием и цветом текста. Изменение гарнитуры шрифта выполняется простым добавлением к тэгу < FONT> атрибута FACE. Например, для изображения текста шрифтом Arial необходимо записать < FONT FACE=" ARIAL" >.
Для изменения цвета шрифта в тэге < FONT> можно использовать атрибут COLOR=" X". Вместо Х надо подставить либо название цвета (в кавычках), либо его шестнадцатеричное значение. При задании цвета шестнадцатеричным числом можно представить этот цвет разложенным на три составляющие: красную(R), зеленую (G), синюю (B), каждая из которых имеет значение от 0 до FF.
Примеры записи цвета в формате RGB приведены в таблице: Таблица 1
Внесите изменения в файл RASP.HTM:
< HTML> < HEAD> < TITLE> Учебный файл HTML < /TITLE> < /HEAD> < BODY> < U> < I> < B> < FONT COLOR=" #FF0000" FACE=" ARIAL" SIZE=" 7" > Расписание < /FONT> > < /B> < /I> < /U> занятий на вторник < /BODY> < /HTML>
Самостоятельно измените размер, цвет, гарнитуру, стиль текста документа.
Задание 2. Выравнивание текста по горизонтали
Информация. С помощью тэгов HTML можно управлять горизонтальным выравниванием текста. Если не оговаривать способ выравнивания, все элементы в документе будут выравниваться по левому краю и иметь неровное правое поле (см. Рис.2). Современные броузеры для выравнивания текста используется атрибут ALIGN=, который встраивается в теги абзаца или заголовка.
Внесите изменения в файл RASP.HTM:
< HTML> < HEAD> < TITLE> Учебный файл HTML < /TITLE> < /HEAD> < BODY> < P ALIGN=CENTER> < FONT COLOR=" #008080" SIZE=" 7" > < B> Расписание< /B > < /FONT> < BR> < FONT SIZE=" 6" > < I> занятий на вторник< /I> < /FONT> < /P> < /BODY> < /HTML>
|