- •Практична робота № 7 мова гіпертекстової розмітки – html Загальні відомості
- •Види тегів в html
- •Основні теги мови html
- •Основні кольори
- •Завдання № 7 Тема: Підготовка найпростішого гіпертекстового документа засобами програми Блокнот
- •Частина 1. Основні теги оформлення тексту документа й малюнків.
- •Неистовой судьбы - иль против моря
- •Частина 2. Робота з таблицями, створення гіперпосилань
- •Контролі питання
Неистовой судьбы - иль против моря
Невзгод вооружиться, в бой вступить
И все покончить разом...
Оформити кожний із варіантів монологу (5 рядків) як окремий как абзац за допомогою тегу <P>. Вирівняти англійський текст по лівому краю, а російський - по правому.
Скопіювати російський варіант монологу і сформувати з нього один абзац:
Быть иль не быть - вот в чем вопрос. Что благороднее: сносить удары неистовой судьбы - иль против моря невзгод вооружиться, в бой вступить. И все покончить разом...
Оформити вирівнювання абзацу – «по ширине».
Оформлення абзаців за допомогою парного тега <PRE>.
Скопіювати в кінець документу англійський варіант монологу, розмістити його в середину тега PRE і оформити за наведеним зразкоми "лесенкой":
To be, or not to be, that is the question:
Whether 'tis nobler in the mind to suffer
The slings and arrows of outrageous fortune,
Or to take arms against a sea of troubles,
And by opposing, end them...
Зберегти документ first.htm, скопіювати його на диску А: для подальшої роботи.
Виконаьти шрифтове оформлення документа.
Створити документ second.htm в Вашій папці на жосткому диску. За основу документа взяти файл first.htm, залишити в ньому заголоаок, англійський варіант монологу і підпис. Замінити в тегу <TITLE> слово «первый» на «второй».
Оформити кожен рядок тексту монолога різним кольором.
1-й і 3-й рядки оформити напівжирним шрифтом, 2-й і 4-й – курсивом, 5-й – підкресленим.
Оформлення списків.
Доповнити текст дакумента – ввести після заголовка ще три рядка: Я знаю как оформлять: Заголовки, Абзацы
Оформити два останні рядки як нумерований список.
Доповнити список своїх знань. Наприклад, між пунктами "Заголовки" і "Абзацы" додати пункт "Текст". Проаналізувати, як змінилася нумерація елементів списку.
Створити вкладений список. Додати уточнення видів оформлення шрифтів і абзаців і оформити отриманий список за наступним зразком.
Я знаю как оформлять:
Шрифты
Размер
Цвет
Гарнитуру
Заголовки
От 1-го до 6-го уровня
Абзацы
Выравнивание
Разрыв строк внутри абзаца
Использовать преформатирование.
Вставити в текст малюнок.
Створити додаткову папку Рисунки. Підготувати в редакторі Paint свій автопортрет, розміром 3X4 см (60x80 точок). Зберегти файл в папці Рисунки чотири рази в різних форматах (різного типу):
24-х разрядный рисунок (*.bmp) – під іменем pic_24.bmp,
16-ти цветный рисунок (*.bmp) – під іменем pic_16.bmp,
Формат GIF (*.gif) – під іменем pic_g.gif,
Формат JPEG (*.jpg, *.jpeg) – під іменем pic_j.jpg.
Зпівставити якість і розміри малюнків. Оптимальний варіант розмістити в робочій папці під іменем pic_1.gif (якщо ви вибрали формат GIF).
Вставити малюнок в початок документа – перед заголовком помістити тег: <IMG SRC="pic1.gif"> Переглянути результат в Браузері.
Вирівняти малюнок по лівому краю (ввести в тег малюнка атрибут вирівнювання). Переглянути результат обтікання в Браузері.
Доповнити тег малюнка атрибутами, що задають розмір малюнка і альтернативний текст "Это мой автопортрет".
Зробити копію документа second.htm і малюнка на диску А:
Навчитися оформляти фон HTML - документа.
Створити документ third.htm, взявши за основу документ second.htm.
Зберегти документ second.htm під іменем third.htm. Відредагувати тег <TITLE>, замінивши слово «второй» на «третий». Відредагувати тег <BODY>, ввівши в нього атрибут кольорового оформлення фону BGCOLOR= Вказати значення атрибута в форматі RGB (див. табл. Основних кольорів), підібрати колір фону в світлих тонах.
Відредагувати документ first.htm так, щоб фон в ньому задавався фоновим малюнком. В якості малюнка можна використати файл pic1.gif або будб-який інший кольоровий малюнок невелткого розміру (кілька пікселів).
Продемонструвати створені документи викладачу. Зберегти копії всіх документів на диску A: для подальшої роботи.