Лабораторна робота №4-5

Читайте также:

Використання основних тегів мови HTML та створення Web-сторінки у програмі Блокнот

Мета: одержання практичних навичок роботи у вивчення мови гіпертекстової розмітки, створення Web-сторінок, написаних мовою HTML.

Теоретичні відомості

Автономні Web-документи використовують мову HTML (HyperText Markup Language — мова розмітки гіпертексту).

Гіпертекст, тобто розширений текст, включає додаткові елементи: ілюстрації, посилання, вставні об'єкти.

Керуючі конструкції мови HTML називаються тегами і вставляються безпосередньо в текст документа. Усі теги заключаються у кутові дужки <...>.

Відразу після відкриваючої дужки міститься ключове слово, що визначає тег, наприклад <DIV>.

При відображенні HTML-документів браузери автоматично розміщають текст на екрані, не приймаючи до уваги переходи на нові рядки, що зустрічаються у файлі, і розміщені підряд пробіли.

Тег переходу на новий рядок відокремлює рядок від наступного тексту або графіки. Тег абзацу теж відокремлює рядок, але ще додає порожній рядок, що відділяє абзаци.

Існує три тега виділення фрагментів тексту:

… для виділення напівжирним,

… для виділення курсивом,

… для виділення підкресленням.

Використовується шість тегів заголовків (від Н1 до Н6). Кожному тегу відповідає конкретний стиль, заданий у параметрах настроювання браузера. Стиль Н1 – самий великий.

Тег шрифту дозволяє задавати розмір поточного шрифту в окремих місцях тексту. Діапазон встановлення поточного шрифту – від 1 до 7.

ALIGN=CENTER	Вирівнювання по центру
ALIGN=RIGHT	Вирівнювання по правому краю
ALIGN=LEFT	Вирівнювання по лівому краю

Хід роботи

1. Створення найпростіших файлів HTML

1. Створіть папку HTML, у якій ми будемо зберігати створені Web-сторінки.

2. Запустіть стандартну програму Блокнот.

3. Наберіть у вікні редактора найпростіший текст файлу HTML:

<HTML>

<HEAD>

<TITLE> Навчальний файл HTML </TITLE>

</HEAD>

<BODY>

Розклад занять на вівторок

</BODY>

</HTML>

4. Збережіть файл під ім'ям index.html.

5. Для перегляду створеної Web-сторінки, завантажте браузер Microsoft Internet Explorer.

6. Відкрийте в меню браузера Файл → Открыть → Просмотр(Обзор) і знайдіть у папці HTML файл index.html і запустіть його. Переконайтеся, що назва Web-сторінки (Навчальний файл HTML) відтворилася у верхньому статусному рядку браузера.

2. Керування розташуванням тексту на екрані

1. При необхідності виконаєте п.п. 5-6 завдання 1.

2. Відкрийте першоджерело Web-сторінки – у меню браузера Вид → Источник (В виде HTML) відкриється вікно зі стандартною програмою Блокнот, у якому ваша Web-сторінка представлена у командах HTML.

3. Внесіть зміни в текст файлу HTML, розташувавши слова „розклад”, „занять”, „на вівторок” на різних рядках:

<HTML>

<HEAD>

<TITLE> Навчальний файл HTML </TITLE>

</HEAD>

<BODY>

Розклад

Занять

на вівторок

</BODY>

</HTML>

4. Збережіть внесені зміни у файлі index.html, за допомогою команд Файл → Сохранить. Закрийте програму Блокнот.

5. Перегляньте за допомогою браузера Microsoft Internet Explorer нову отриману Web-сторінку використовуючи клавішу F5 або за допомогою команд Вид → Обновить. Чи змінилося зображення тексту на екрані?

Дата добавления: 2015-07-10; просмотров: 177 | Нарушение авторских прав

Читайте в этой же книге: Лабораторна робота № 1 | Ознайомлення з програмами-браузерами. | Електронна пошта (e-mail). | Тема: Організація і технологія роботи Internet - магазину | Інформацією чи ресурсами для спільного використання (які називаються розподілюючими ресурсами) можуть бути файли, програми, принтери, модеми і будь-яке інше обладнання. | Технології роботи з глобальною мережею Інтернет | Класифікація по спеціалізації інформації | Основні поняття електронного бізнесу та електронної комерції | ПЛАТІЖНІ ТА ФІНАНСОВІ СИСТЕМИ ІНТЕРНЕТ | Смарт-картки чіпові безконтактні не вимагають при використанні контакту зі зчитуючим пристроєм. |

<== предыдущая страница	\|	следующая страница ==>
Лабораторна робота № 3	\|	Теги переходу на новий рядок й абзацу

mybiblioteka.su - 2015-2024 год. (0.005 сек.)