Презентація "Основи мови HTML"

Основи мови HTML

Інформація, розміщена на веб-сторінках, має вигляд гіпертексту. Гіпертекст — це текст, у який вбудовані спеціальні коди, що задають форматування тексту, наявність у ньому ілюстрацій, мультимедійних вставок та гіперпосилань. Веб-сторінка фактично є документом у форматі HTMLПроцес вставляння в текст кодів HTML називають розміткою.

Коди мови HTML, за допомогою яких розмічають вихідний текст, називають тегами. Усі теги починаються із символу < і закінчуються символом > — їх називають кутовими дужками.

Зазвичай тег впливає на певний фрагмент документа, наприклад на абзац. У таких випадках використовують пару тегів (відкривальний і закривальний). Перший із них задає ефект, а другий — припиняє його дію. Закривальний тег починається із символу / (слеш). Приклади парних тегів: , <В>, , <НЗ>,

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

Відкривальні теги можуть містити атрибути, які впливають на ефект, створюваний тегом. Атрибути — це додаткові ключові слова, відокремлені від основного ключового слова тегу та один від одного символами пробілу. Для деяких атрибутів слід задавати значення, яке відділяють від імені атрибута символом =. Значення атрибута беруть у лапки, але в багатьох випадках їх можна і не ставити. Закривальні теги атрибутів не містять.

Приклади тегів з атрибутами:

Для того щоб через деякий час ви або інша людина, яка переглядатиме код HTML, могла краще його зрозуміти, у текст вставляють примітки — коментарі. Вони починаються зі спеціального тегу , а отже, не може включати в себе теги.

Структура HTML-документа HTML-документ складається з основного тексту і тегів розмітки. HTML-документи містяться у файлах із розширенням .htm або .html. Основну структуру HTML-документа визначають чотири парні теги, їхня наявність передбачена у всіх таких документах

Документ HTML має чітко визначену структуру. • Починається з тегу і закінчується відповідним йому тегом , Така пара тегів повідомляє браузеру, що це HTML-документ.

Містить два розділи — заголовків і тіла документа (розміщуються саме в такому порядку). Розділ заголовків помічений тегами і та містить Інформацію про документ загалом. Зокрема, він повинен містити в собі теги , між якими розміщено текст, що відображатиметься в заголовку вікна браузера.

Крім цього, у розділі заголовків може міститися тег <МЕТА>, призначений для технічного опису документа (це інформація для пошукових програм), а також тег