Трохи історії
Всесвітня інформаційна мережа ( World Wide Web далі Web ) має недовгу, за людським мірками, історію. Роком народження Web вважається 1992 рік, а батьком засновником був хтось Tim Berners-Lee, який зумів, використовуючи нові мережеві технології та досвід своїх попередників, зробити Web приємним та зручним засобом поширення інформації у всесвітній мережі комп'ютерних мереж Internet ( Internet існує з середини 60-х років ).
Поштовх для свого стрімкого і переможної ходи по планеті Web одержала в 1993 році, коли Mark Andressen з групою студентів університету Іллінойсу, розробили безкоштовно поширювану ( ось істинна причина бурхливого розвитку Web ) програму Mosaic для перегляду Web-сторінок.
Ну а в подальшому самі знаєте що сталося, або ви не виявляєте у себе ознак Internet-залежності?
HTML був розроблений на основі потужного мови розмітки SGML, шляхом перенесення деяких його функцій розмітки даних в мережеву середу для розмітки гіпертексту. Одночасно з розвитком Web технологій, насиченням Web новими сервісами та можливостями, розвивався і мова розмітки гіпертексту. З моменту свого появи стандарт HTML зазнав безліч змін, останнє з яких це специфікація HTML 4.01, анонсована консорціумом W3C 24 грудня 1999
Суть і складові частини Web технології
Отже виділимо базові елементи технології Web:
В· Internet це всесвітня мережа різнорідних комп'ютерних мереж, що взаємодіють по протоколу TCP/IP.
В· Web є одним з додатків Internet ( поряд з електронною поштою, новинами та іншими електронними сервісами ), призначеним для масового поширення різноманітної інформації.
В· Носіями інформації в Web служить Web-сторінки, що містять текст, графіку, мультимедіа елементи і гіперпосилання на інші ресурси Web або Internet.
В· Для передачі гіпертексту Web-сторінок в Internet використовується спеціально розроблений протокол HTTP ( Hyper Text Transfer Protocol ).
В· Для розробки Web-сторінок використовується спеціальна мова розмітки гіпертексту HTML ( Hyper Text Markup Language ).
В· Для перегляду Web-сторінок використовується спеціальна клієнтська програма Web-броузер. У вікні Web-броузера відображаються результати інтерпретації мови HTML з Web-сторінок, отриманих під час навігації по гіперпосиланням.
HTML - введення
HyperText Markup Language (HTML) є стандартною мовою, призначеним для створення гіпертекстових документів у середовищі WEB. HTML-документи можуть проглядатися різними типами WEB-броузерів. Коли документ створений з використанням HTML, WEB-броузер може інтерпретувати HTML для виділення різних елементів документа та первинної їх обробки. Використання HTML дозволяє форматувати документи для їх подання з використанням шрифтів, ліній та інших графічних елементів на будь-якій системі, їх переглядати.
Більшість документів мають стандартні елементи, такі, як заголовок, параграфи або списки. Використовуючи теги HTML ви можете позначати дані елементи, забезпечуючи WEB-броузери мінімальною інформацією для відображення даних елементів, зберігаючи вцілому загальну структуру та інформаційну повноту документів. Все що необхідно, щоб прочитати HTML-документ - це WEB-броузер, який інтерпретує теги HTML і відтворює на екрані документ у вигляді, який йому надає автор.
В більшості випадків автор документа суворо визначає зовнішній вигляд документа. В випадку HTML читач (грунтуючись на можливостях WEB-броузера може, в Певною мірою, керувати зовнішнім виглядом документа (але не його вмістом). HTML дозволяє відзначити, де в документі повинен бути заголовок або абзац при допомоги тега HTML, а потім надає WEB-броузеру інтерпретувати ці теги. Наприклад, один web-броузер може розпізнавати тег початку абзацу і представляти документ у потрібному вигляді, а інший не має такої можливості і являє документ в один рядок. Користувачі деяких WEB-броузерів мають, також, можливість налаштовувати розмір і вид шрифту, колір та інші параметри, що впливають на відображення документа.
HTML-теги можуть бути умовно розділені на дві категорії:
В· теги, визначають, як буде відображатися WEB-броузером тіло документа вцілому
В· теги, описують загальні властивості документа, такі як заголовок або автор документа
Запам'ятайте, що основна перевага HTML полягає в тому, що ваш документ може бути переглянутий на WEB-броузерах різних типів і на різних платформах.
HTML-документи можуть бути створені за допомогою будь-якого текстового редактора або спеціалізованих HTML-редакторів і конвертерів. Вибір редактора, який буде використовуватися для створення HTML-документів, залежить виключно від поняття зручності і особистих пристрастей кожного автора.
Наприклад, HTML редактори, такі, як "Netscape Navigator Gold" компанії Netscape дозволяють створювати документи графічно з використанням технології WYSIWYG (What You See Is What You Get). З іншого боку, більшість традиційних засобів для створення документів мають конвертери, що дозволяють перетворювати документи до формату HTML.
Всі теги HTML починаються з "<" (лівої кутової дужки) і закінчуються символом">" (правої кутової дужки). Як правило, існує стартовий тег і завершальний тег. Для прикладу наведемо теги заголовка, визначають текст, що знаходиться всередині стартового і завершального тега і описує заголовок документа:
Заголовок документа
Завершальний тег виглядає також, як стартовий, і відрізняється від нього прямим слешем перед текстом всередині кутових дужок. У даному прикладі тег
говорить WEB-броузеру про використання формату заголовка, а тег
- про завершенні тексту заголовка.
Деякі теги, такі, як
(тег, що визначає абзац), не вимагають завершального тега, але його використання надає початкового тексту документа поліпшену читаність і структуровані.
HTML не реагує на регістр символів, що описують тег, і наведений раніше приклад може виглядати наступним чином:
Заголовок документа
Увага! Додаткові пробіли, символи табуляції і повернення каретки, додані у вихідний текст HTML-документа для його кращої читання, будуть проігноровані WEB-броузером при інтерпретації документа. HTML-документ може включати вищеописані елементи тільки якщо вони поміщені всередину тегів
і
. Більш докладно про теги
буде написано нижче.
Коли WEB-броузер отримує документ, він визначає, як документ повинен бути інтерпретований. Найперший тег, який зустрічається в документі, повинен бути тегом . Даний тег повідомляє WEB-броузеру, що ваш документ написаний з використанням HTML. Мінімальний HTML-документ буде виглядати так:
... тіло документа ...
Заголовна частина документа
Тег заголовній частині документа повинен бути використаний відразу після тега І більш ніде в тілі документа. Даний тег представляє з себе загальний опис документа. Уникайте розміщувати небудь текст всередині тега . Стартовий тег поміщається безпосередньо перед тегом
Та іншими тегами, які описують документ, а завершальний тег розміщується відразу після закінчення опису документа. Наприклад:
Список співробітників
...
Увага! Технічно, стартові і завершальні теги типу , і необов'язкові. Але настійно рекомендується їх використовувати, оскільки використання даних тегів дозволяє WEB-броузеру впевнено розділити заголовну частину документа і безпосередньо значеннєву частину.
Тема документа
Більшість WEB-броузерів відображають вміст тега