Дистанційне навчання
Інформатика
| 03.28.2022, 12:22 PM | |
1. Поняття про мову HTML HTML (англ. HyperText Markup Language — мова розмітки гіпертексту) — це набір тегів та правила їх застосування для створення гіпертекстових документів.
HTML не є мовою програмування.
2. html-документ
Тег — це записана в кутових дужках < > позначка мови HTML, яку опрацьовує браузер.
Структура html-документа:
<html> — початок документа;
<head> — заголовок документа зі службовою інформацією;
<title> — назва, що відображатиметься на вкладці браузера;
</title> — к інець н азви;
</head> — кінець заголовка документа;
<body> — «тіло» документа: все, що відображається на веб-сторінці;
</body> — кінець «тіла» документа;
</html> — кінець документа.
3. Форматування тексту
Тегами мови HTML визначають вигляд об’єктів, зокрема текстових фрагментів, на веб-сторінці.
Теги бувають парними (контейнери) і непарними. Парний тег складається з відкриваючого і закриваючого тегів. Закриваючий тег починається символом «/».
<b>…</b> — парний тег напівжирного шрифту.
<br> або <br/> — непарний тег розриву рядка.
Теги з помилками або такі, що не підтримуються використовуваним браузером, ігноруються.
Тег може містити атрибути — параметри, значення яких впливають на дію тега. Атрибути записуються після відкриваючого тега.
Зазвичай значення атрибутів беруть у лапки.
Тег <body> з атрибутами text (колір тексту) і bgсolor (колір тла):
4. Марковані та нумеровані списки
Для створення маркованого списку використовують тег <ul>…</ul> з атрибутом type, який задає вигляд маркера: ꞋꞋdiskꞋꞋ, ꞋꞋcircleꞋꞋ або ꞋꞋsquareꞋꞋ.
Для створення нумерованих списків використовують тег <ol>…</ol> з атрибутами type (тип нумерації: ꞋꞋ1ꞋꞋ — арабські цифри, ꞋꞋАꞋꞋ — латинські літери, ꞋꞋІꞋꞋ — римська нумерація тощо) і start (задання початкового номеру арабськими цифрами). Елементи списку розмічають тегами <li>…</li>.
Домашнє завдання
Опрацювати §29
Ознайомитись із матеріалом і презентацією
Створити html-документ з розповіддю про себе.
| |
|
| |
| Переглядів: 79 | Завантажень: 0 | | |
| Всього коментарів: 0 | |