You are on page 1of 3

№1.

Створення найпростішого файлу HTML

1. Створіть особисту папку, куди ви будете зберігати всі файли свого


сайту.
2. Запустіть програму Блокнот (Notepad).
3. Наберіть у вікні програми найпростіший файл HTML.
<HTML>
<HEAD>
<TITLE>Учбовий файл HTML</TITLE>
</HEAD>
<BODY>
Розклад занять на вівторок
</BODY>
</HTML>

4. Збережіть файл під ім’ям RASP.HTML (обов’язково вкажіть тип


файлу HTML при збереженні) в особистій папці.
5. Для перегляду Web-сторінки використовуйте будь-яку програму
браузера (Internet Explorer, Opera, Mozilla Firefox або іншу).
Для цього, не покидаючи програму Блокнот (згорніть вікно на
панель задач), відкрийте особисту папку і подвійним кліком по
файлу RASP.HTML відкрийте вікно браузера.
На екрані ви побачите результат роботи, зображений на рисунку 1.

Рисунок 1.
№2. Управління розташуванням тексту на екрані

1. При необхідності відкрийте текст Web-сторінки в Блокноті (1


клацання правою клавішею миші по файлу RASP.HTML, в
контекстному меню вибрати команду
Открыть с помощью… і вибрати програму Блокнот). При
необхідності відкрити файл в браузері – подвійний клік по значку
файлу лівою клавішею миші.
2. Внести зміни у файл RASP.HTML, розташувавши слова Розклад,
занять, на вівторок на різних рядках.
<HTML>
<HEAD>
<TITLE>Учбовий файл HTML</TITLE>
</HEAD>
<BODY>
Розклад
занять
на вівторок
</BODY>
</HTML>

3. Збережіть текст з внесеними змінами у файлі RASP.HTML (меню


Файл | Сохранить). Якщо у вас вже відображається Web-сторінка,
то вам достатньо переключитися на панелі завдань на програму
браузера і оновити цю сторінку (кнопка Обновить). Чи змінилося
відображення тексту на екрані?
Не дивуйтеся тому, що зовнішній вигляд вашої Web-сторінки не
змінився.
Не забувайте кожного разу зберігати текст Web-сторінки при її
коригуванні в програмі Блокнот і оновлювати сторінку при її
перегляді в програмі браузера.

№3. Деякі спеціальні команди форматування тексту

Існують спеціальні команди, що виконують перевод рядка і задають


початок нового абзацу. Крім того існує команда, яка забороняє
програмою браузера будь-яким чином змінювати форматування тексту і
дозволяє точно відтворити на екрані заданий фрагмент текстового
файлу.
Тег переводу рядка <BR> відокремлює рядок від подальшого тексту або
графіки.
Тег абзацу <P> теж відокремлює рядок, але ще додає порожній рядок,
яка візуально виділяє абзац.
Обидва тега є одноелементними, тег <P> – подвійний, тобто потрібно
закриваючий тег.
1. Внесіть зміни у файл RASP.HTML
<HTML>
<HEAD>
<TITLE>Навчальний файл HTML</TITLE>
</HEAD>
<BODY>
<P>Розклад</P>
<BR>занять<BR>
на вівторок
</BODY>
</HTML>

2. Збережіть внесені зміни, переключіться на панелі завдань на


програму браузера, поновіть Web-сторінку.
Як змінилося відображення тексту на екрані? Виглядати ваша Web-
сторінка буде приблизно так, як показано на рисунку 2.

Рисунок 2

You might also like