Поняття про мову розмітки гіпертекстового документа
HTML (Hyper Text Markup Language - мова розмітки гіпертексту) - стандартна мова розмітки документів у всесвітній павутині, яку обробляють спеціальні програми (браузери), які відображають документ у зручній для людини формі.
HTML не є мовою програмування, вона призначена лише для розмітки сторінки, надання певного вигляду її складовим під час відображення браузером.
Гіпертекст - електронний документ, який містить зв'язки з іншими електронними документами. Такі зв'язки називають гіперпосиланнями.
Будь-який документ, поданий мовою HTML, є набором елементів, початок і кінець кожного елемента позначають спеціальними позначками - тегами.
Теги - команди мови HTML. HTML-теги мають вигляд слів або символів, які записують у кутових дужках.
Теги бувають двох видів: парні і непарні (поодинокі). Парні теги утворені з відкривного і закривного тегів. Теги нечутливі до регістра, тому можуть бути написані як великими, так і малими літерами.
Теги визначають, де починається й де закінчується HTML-елемент.
Текстові документи, що містять розмітку мовою HTML (такі документи звичайно мають розширення .html або .htm), опрацьовують спеціальними застосунками, які відображають документ у відформатованому вигляді згідно з тегами. Такі застосунки називають браузерами.
За допомогою тегів браузер розпізнає структуру документа. Діставши цю інформацію, браузер використовує вбудовані в нього за замовчуванням правила про те, як відображати певний елемент сторінки.
Для написання коду можна використовувати будь-який текстовий редактор, наприклад Блокнот, спеціалізовані текстові редактори, наприклад Notepad++ або ін.
HTML-код веб-сторінки може складатися із сотень або навіть тисяч рядків. Для спрощення розробки веб-сторінок можуть використовуватися візуальні редактори НТМL-коду, наприклад Microsoft FrontPage, Adobe Dreamweaver та ін. У таких редакторах створення веб-сторінок виконується на основі готових шаблонів оформлення, об’єкти сторінок можуть бути вставлені з колекцій об’єктів. Такі програми є прикладами WYSIWYG-редакторів (англ What You See Is What You Get — що ви бачите, то ви й отримуєте). HTML-код сторінки в цих середовищах генерується автоматично та зберігається у файлах.
Практичне завдання
Увага! Під час роботи з комп'ютером дотримуйтеся вимог безпеки життєдіяльності та санітарно-гігієнічних норм.
Завдання 1. Створити гіпертекстовий документ за зразком (для виконання завдання використати текстовий редактор - Блокнот або Notepad++). Зберегти документ у власній папці. Переглянути отриманий результат за допомогою браузера (двічі клацнути мишкою по імені створеного документа у папці).
Завдання 2. Використовуючи довідник HTML визначити (записати у зошиті) призначення тегів використаних для створення гіпертекстового документа у першому завданні.