ДИСТАНЦІЙНЕ НАВЧАННЯ
ІНФОРМАТИКА 9 КЛАС
1. Перевірте себе:
2. Опрацюйте матеріал
Звичайний текст можна пристосувати для відображення браузером за
допомогою спеціальних позначок — тегів, сукупність яких разом із
правилами їх використання називають мовою розмітки гіпертексту.
HTML (англ.
HyperText
Markup
Language —
мова розмітки гіпертексту) — це набір тегів
та правила їх застосування для створення гіпертекстових документів.
Вебсторінка являє собою створений мовою HTML документ, що відображається
у вікні браузера.
HTML не є мовою програмування.
html-документ (html-файл) є текстовим документом, тому
створити його можна в будь-якому текстовому редакторі.
Тег — це
записана в кутових дужках < > позначка
мови HTML, яку опрацьовує браузер.
Для правильного відображення браузером вебсторінки необхідно дотримуватися
такої структури html-документа:
<html>
— початок документа;
<head> — заголовок документа зі службовою інформацією;
<title> — назва, що відображатиметься на вкладці браузера;
</title> — кінець назви;
</head> — кінець заголовка
документа;
<body> — «тіло» документа: все, що відображається на вебсторінці;
</body> — кінець «тіла» документа;
</html>
— кінець документа.
У html-документі розмір і регістр символів, якими записано теги,
не мають значення. Розмір і накреслення символів, що відображаються у вікні
браузера, визначаються розміткою гіпертекстового документа.
Тегами мови HTML визначають вигляд об'єктів, зокрема текстових
фрагментів, на вебсторінці.
Теги бувають парними (контейнери) і непарними. Парний
тег складається з відкриваючого і закриваючого тегів. Закриваючий тег
починається символом «/».
|
Тег
|
Запис
|
Значення
|
|
<br>
|
Непарний
|
Розрив рядка
|
|
<Р>
|
Непарний
|
Новий абзац із
відступом
|
|
<h1>-<h6>
|
Парний
|
Заголовок: <h1> — найвищий рівень, <h6> — найнижчий
|
|
<b>
|
Парний
|
Напівжирний шрифт
|
|
<i>
|
Парний
|
Курсив
|
|
<u>
|
Парний
|
Підкреслений шрифт
|
|
<font>
|
Парний
|
Розмір (size 1...7) і колір (color) символів
|
Тег може містити атрибути — параметри, значення яких
впливають на дію тега. Атрибути записуються після відкриваючого тега.
3. Створіть вебсторінку
У
текстовому редакторі введіть HTML-код відповідно до зразка, та збережіть
документ із розширенням (.htm):
<html>
<head>
<title>Найпростіша вебсторінка</title>
</head>
<body text = ”blue” bgcolor = ”green”>
Привіт, мене звати …<br>
<b> Я вивчаю HTML</b>
</body>
</html>
Відкрийте
збережений документ у браузері. Зверніть увагу, як відображається зміст
документу.
Проекспериментуйте
із змістом текстового документа, змінивши теги або написи.
Більше
про мову HTML можете дізнатися пройшовши навчання за посиланням https://www.youtube.com/watch?v=XPwNu44cM6A
4. Створити вебсторінку можна також за допомогою онлайн-систем, зокрема засобами сервісу Google Сайти
Ознайомитися
з покроковою інструкцією по створенню вебсторінок ви зможете за допомогою
рубрики Діємо (с.199-202 вправа 2,
вправа 3).
Посилання
на Ваші вебсторінки надішліть вчителю.
5. Фотозвіти своєї роботи надішліть вчителю
