- •Практична робота № 7 мова гіпертекстової розмітки – html Загальні відомості
- •Види тегів в html
- •Основні теги мови html
- •Основні кольори
- •Завдання № 7 Тема: Підготовка найпростішого гіпертекстового документа засобами програми Блокнот
- •Частина 1. Основні теги оформлення тексту документа й малюнків.
- •Неистовой судьбы - иль против моря
- •Частина 2. Робота з таблицями, створення гіперпосилань
- •Контролі питання
Основні кольори
Color's name |
Назва |
Red |
Green |
Blue |
black |
чорний |
00 |
00 |
00 |
navy |
темно-синій |
00 |
00 |
80 |
blue |
синій |
00 |
00 |
FF |
green |
зелений |
00 |
80 |
00 |
teal |
синьо-зелений |
00 |
80 |
80 |
lime |
ярко-зелений |
00 |
FF |
00 |
aqua |
блакитний |
00 |
FF |
FF |
maroon |
вишневий |
80 |
00 |
00 |
purple |
фіолетовий |
80 |
00 |
80 |
olive |
оливковий |
80 |
80 |
00 |
gray |
темно-сірий |
80 |
80 |
80 |
silver |
світло-сірий |
C0 |
C0 |
C0 |
red |
червоний |
FF |
00 |
00 |
fuchsia |
ліловий |
FF |
00 |
FF |
yellow |
жовтий |
FF |
FF |
00 |
white |
білий |
FF |
FF |
FF |
ОСНОВНІ ТЕРМІНИ
ASCII (American Standard Code for information Interchange – Американський стандартний код для обміну інформацією) – семирозрядний код для подання текстової інформації.
Browser (Браузер) – програма для перегляду (інтерпретації) гіпертекстових документів.
GIF (Graphics Interchange Format – формат обміну графікою) – використовується для небагатобарвних чітких зображень, підтримує прозорі області й анімацію.
HTML (Hyper Text Markup Language) – мова розмітки гіпертекстів.
JPEG (Joint Photography Experts Group – об'єднана група експертів з машинної обробки фотозображень) – розповсюджений формат растрової графіки, який ідеально підходить для сканованих фотографій.
Web-page (Web-сторінка) – електронний документ, призначений для розміщення (розміщений) в Інтернет.
Web-site (Web-Сайт) – сукупність Web-сторінок, зв'язаних між собою темою, гіперпосиланнями й близьким розташуванням в Інтернет.
Web server (Web-сервер) – сервер, призначений для розміщення Web-сайтів в Інтернет, і надає послуги по запитах клієнтів.
Завдання № 7 Тема: Підготовка найпростішого гіпертекстового документа засобами програми Блокнот
Частина 1. Основні теги оформлення тексту документа й малюнків.
На робочому диску створити свою папку, а в ній текстовий файл з найменуванням first.htm
Запустити редактор Блокнот, ввести в нього текст: Приветствую Вас на моей первой web-страничке.
Зберегти файл в створеній папці. При збереженні, в вікні діалога "сохранить как…" в рядку "Тип файла:" вибрати варіант "Все файлы (*.*)" , а в рядку "Имя файла" вказати ім’я з розширенням html або htm, наприклад first.htm (де name - ваше ім’я).
Закрити документ, знайти його піктограму у вікні Провідника.
Відкрити файл безпосередньо з вікна Провідника. Проаналізувати, за допомогою якого додатку відображується файл і як виглядає введена фраза.
Зробити висновки про те, що HTML-документ це всього лише текст.
Ввести теги, що визначають структуру HTML-документа.
За допомогою меню Браузера "Вид" - "В виде HTML" викликати документ для його редагування. Ввести наведені нижче теги, в розділі Заголовка (TITLE) вказати свою фамілію.
<HTML>
<HEAD> <TITLE> Фамилия - первый</TITLE>
</HEAD>
<BODY>
Приветствую Вас на моей первой Web-страничке.
</BODY>
</HTML>
Зберегти документ під тим же іменем, "Обновить" його відображення в Браузері. Проаналізувати зміни, що відбулися у відображенні документа.
Відредагувати документ.
Викликати меню Браузера "Вид" - "Источник HTML" і додати текст підпису, наприклад, Студент группы ХХ факультета YYY Имя Фамилия Зберегти документ (не закривати) і обновити його перегляд в Браузері.
Відредагувати документ так, щоб підпис починався з нового рядка – використати тег <BR>. Переглянути в Браузері новий варіант.
Додати перед підписом горизонтальну лінію.
Увага! Після кожної зміни документ потрібно зберігати, а перегляд в Браузері починати з оновлення завантаження документа за допомогою кнопки "Обновить" на панелі інструментів або натисненням клавіши F5.
Виконати оформлення тексту стилем Заголовок.
Оформити перший рядок документа стилем Заголовок-1 за допомогою парного тега <H1> …</H1>.
Оформити рядок з підписом стилем Заголовок-3 і вирівняти по правому краю.
Змінити стиль оформлення першого рядка на Заголовок-2 з вирівнюванням по центру, а підпис на Заголовок-4.
Переглянути отриманий документ в Браузері при різних розмірах шрифту (меню «Вид»).
Виконати оформлення абзаців.
Після заголовку ввести текст монолога Гамлета (англійський і руський варіанти).
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...
Быть иль не быть - вот в чем вопрос.
Что благороднее: сносить удары