Завдання 1. Формування базової структури HTML-сторінки.
- Відкрийте редактор HTML-коду в новій вкладці браузера.
- Сформуйте базову структуру вебсторінки у редакторі HTML-коду відповідно до слайду.
- Всередину елемента <head> додайте елемент <title> та вкажіть в ньому назву вашої сторінки.
- Всередину елемента <head> додайте елемент <meta>, щоб встановити кодування тексту на сторінці.
Завдання 2. Створення HTML таблиці з розкладом дзвінків.
- Продовжуємо працювати з HTML-документом, який ми створили раніше.
Всередині елемента <body> створіть елемент <table>, який позначить початок та закінчення таблиці.
Також до тегу <table> додайте атрибутborder="1", щоб зробити таблицю видимою.
- Всередині елемента <table> створіть необхідну кількість елементів <tr> (table row), які позначать рядки таблиці.
- Всередині кожного елемента <tr> створіть необхідну кількість елементів <td> (table data), які позначать конкретні клітинки всередині рядка.
Під час виконання завдань використайте наступні теги
| Тег | Приклад | Призначення |
|---|---|---|
| Оголошення документа |
<!DOCTYPE html> |
Повідомляє браузеру, що документ написаний відповідно до стандарту HTML5. |
| HTML-документ |
<html>
...
</html>
|
Головний елемент, який містить увесь HTML-документ. |
| Службова інформація |
<head>
...
</head>
|
Містить службову інформацію про вебсторінку, яка не відображається на сторінці. |
| Назва сторінки |
<title>Моя перша сторінка</title> |
Встановлює назву сторінки, яка відображається на вкладці браузера. |
| Метаінформація |
<meta charset="utf-8"> |
Задає службову інформацію про сторінку, наприклад кодування символів. |
| Вміст сторінки |
<body>
...
</body>
|
Містить увесь контент, який бачить користувач. |
| Таблиця |
<table>
...
</table>
|
Створює таблицю та є контейнером для всіх її елементів. |
| Рядок таблиці |
<tr>
...
</tr>
|
Створює рядок таблиці. |
| Клітинка таблиці |
<td>Дані</td> |
Створює клітинку з даними всередині рядка таблиці. |