Поняття про мову гіпертекстової розмітки

1. Який вигляд має код розмітки вебсторінки мовою HTML?

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

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

Складніші вебдокументи містять фрейми (структуровані сторінки), елементи управління (кнопки, перемикачі, поля діалогу), динамічні ефекти та графічні рухомі об’єкти тощо.

Результати роботи опублікувати на до дошці

Практичне завдання

Завдання 1. Написати код простої вебсторінки, протестувати

2. Введіть текст, змінити колір тексту https://trinket.io/docs/colors , переглянути результат

 3) Натиснути Save, щоб згенерувати URL адресу вебсторінки, додати її на дошку результатів і в клас 

 4) За результатами практичного завдання  виконати вправу, результат (скрин або фото) завантажити на дошку

3. Як форматувати текст у HTML-документі?

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

Для формування заголовків використовують теги <Hn>...</Hn>, де n = 1...6. При n = 1 отримуємо заголовок найвищого рівня, відповідно при n = 6 — заголовок найнижчого рівня.

Об’єкти сторінки можуть бути вирівняні за допомогою атрибута ALIGN, який має чотири значення, що визначають спосіб вирівнювання тексту:

• center — по центру;

• left — ліворуч;

• right — праворуч;

• justify — за шириною.

На відображення документа в браузері не впливають символи кінця рядка, які отримують натискуванням клавіші Enter або Shift+ Enter, а також пропуски. Для перенесення тексту на новий рядок використовують одинарний тег <BR>.

Для створення абзаців використовують парний тег <Р>...</Р>. При використанні тегу <Р> спочатку вставляється порожній рядок, далі текст виводиться з початку нового рядка. Якщо вжито тег <BR>, то порожній рядок не вставляється.

Для виділення тексту, який має певне розміщення символів (наприклад, шаблон документа), використовують тег <PRE> текст із вимушеними пропусками та перенесенням у рядки </PRE>.

Щоб відділити одну ділянку тексту від іншої, зазвичай використовують підкреслення горизонтальною лінією. Тег <HR> зображує на екрані горизонтальну лінію. Наприклад,

<HR ALIGN="center" WIDTH="50%" SIZE="3"> — лінія по центру, розміром 3 пункти (позначається «пт»), яка займає 50 % ширини сторінки;

Pr_t2_y10-1.pdf

  Натиснути Save, щоб згенерувати URL адресу вебсторінки, додати її на дошку результатів і в клас 

Pr_t2_y10-2.pdf

 Натиснути Save, щоб згенерувати URL адресу вебсторінки, додати її на дошку результатів і в клас 

8_i_m_2021.pdf