Студопедия КАТЕГОРИИ: АвтоАвтоматизацияАрхитектураАстрономияАудитБиологияБухгалтерияВоенное делоГенетикаГеографияГеологияГосударствоДомЖурналистика и СМИИзобретательствоИностранные языкиИнформатикаИскусствоИсторияКомпьютерыКулинарияКультураЛексикологияЛитератураЛогикаМаркетингМатематикаМашиностроениеМедицинаМенеджментМеталлы и СваркаМеханикаМузыкаНаселениеОбразованиеОхрана безопасности жизниОхрана ТрудаПедагогикаПолитикаПравоПриборостроениеПрограммированиеПроизводствоПромышленностьПсихологияРадиоРегилияСвязьСоциологияСпортСтандартизацияСтроительствоТехнологииТорговляТуризмФизикаФизиологияФилософияФинансыХимияХозяйствоЦеннообразованиеЧерчениеЭкологияЭконометрикаЭкономикаЭлектроникаЮриспунденкция |
Нас утро встречает прохладой
· Оформить фразу по приведенному ниже образцу. В слове УТРО все буквы должны иметьразные цвета. В слове ПРОХЛАДОЙ оформить буквы ПРО – красным цветом, ОЙ – синим. · Оформить строку с подписью (Студент группы NNN Фамилия Имя) курсивом, размер шрифта задать относительным изменением. Использовать теги <FONT SIZE=«+2»>и<I> · Просмотреть полученный документ в броузере. 6. Выполнить форматирование абзацев: · Создать новый документ 2_name.htm, сохранить его в той же рабочей папке. · Ввести текст (использовать копирование текста из документа 1_name.htm): <HTML> <HEAD> <TITLE> Фамилия </TITLE> </HEAD> <BODY> Приветствую Вас на моей второй web-страничке! <BR> Монолог Гамлета </BODY> </HTML> · Выровнять текст по центру. · Ввести текст: Быть иль не быть - вот в чем вопрос. Что благороднее: сносить удары неистовой судьбы - иль против моря невзгод вооружиться, в бой вступить. И все покончить разом... · Оформить выравнивание абзаца по ширине. · Ограничить абзац горизонтальными разделительными линиями сверху и снизу, используя тег <HR>. · Скопировать монолог и разбить его на абзацы. Выровнять по центру. Быть иль не быть - вот в чем вопрос. · Сохранить документ. · Просмотреть документ в окне броузера, изменяя размер окна. 7. Выполнить оформление списков: · Создать новый документ 3_name.htm, сохранить его в той же рабочей папке жесткого диска. · Ввести текст: <HTML> <HEAD> <TITLE> Фамилия </TITLE> </HEAD> <BODY> Приветствую Вас на моей третьей web-страничке! </BODY> </HTML> · Дополнить текст документа (между тегами <BODY>…</BODY>) следующим текстом: · Оформить три последние строки как список нумерованный. Для этого использовать следующую конструкцию тегов: <OL> <LI> Шрифты, </LI> <LI> Заголовки, </LI> <LI> Абзацы </LI> </OL> · Поменять оформление списка на список маркированный. Использовать теги <UL>, </UL> · Создать «смешанный» список: Я знаю как оформлять: Шрифты · Размер · Цвет · Гарнитуру · Индексы Заголовки · От 1-го до 6-го уровня Абзацы · Выравнивание · Разрыв строк внутри абзаца · С использованием переформатирования.
8. Скопировать из Интернета или какой-либо папки в личную папку файлы три графических файла (например, Arrows1.wmf, Arrows2.wmf, Arrows3.wmf). Убедиться, что созданные ранее документы 1_name.htm, 2_name.htm также находятся в вашей папке на жёстком диске. 9. Вставка рисунков в документ. · Открыть в Блокноте документ 2_name.htm. · Вставить рисунок Arrows1.wmf в начало документа 2_name.htm. Для вставки использовать тег IMG с параметрами WIDTH и HEIGHT для установки размеров рисунка 50 пикселов по горизонтали и по вертикали. · Сохранить документ под именем 4_name.htm. · Просмотреть в броузере полученный результат. · Ввести в тег рисунка параметр ALIGNдлявыравнивания рисунка по правому краю. Просмотреть результат в броузере. · Вставить рисунок Arrows2.wmf в конец документа 4_name.htmперед, подобрать тип выравнивания рисунка на свое усмотрение. Установить размер рисунка 100 пикселов по горизонтали и по вертикали. С помощью параметра ALT создать всплывающую подсказку «Рисунок 2», появляющуюся при наведении курсора мыши на рисунок. · Просмотреть в броузере полученный результат. 10. Предъявить результаты работы преподавателю.
Таблица основных тегов HTML-документа. Теги форматирования шрифта и абзаца
Таблица основных цветов
|