Браузери

Щоб відобразити на екрані комп'ютера HTML-документи в тому вигляді, як вони замислювалися розробниками, необхідно мати спеціальну про-граму, звану браузером (по-російськи - «оглядачем»).

Браузер - це програма перегляду інформаційних ресурсів WWW на комп'ютері, підключеному до Інтернету.

Які браузери Ви можете назвати? Ореra, Internet Explorer, Mozill Firefox, Google Chrome.

Найбільш поширений Internet Explorer який входить у вигляді інтегрованих модулів ВОС Windows. Відправлення запиту на сервер і подальша завантаження Web-сторінки є основними завданнями браузера. Обробка браузером HTML-документів полягає, по-перше, у форматуванні тексту на підставі спеціальних службових символів (тегів), а, по-друге, в завантаженні додаткових файлів. Додатково завантажувані файли забезпечують відображення картинок, відтворення звукового супроводу або відеокліпів і т.д.

Адресація документів в Web

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

URL (Uniform Resource Locator - уніфікований локатор ресурсу) - це унікальний адресу файлу в Інтернеті, що зберігається на хост-комп'ютері, підключеному до Інтернету. За допомогою URL, незалежно від протоколу доступу, може бути знайдена будь-яка інформація в Інтернеті.

Програма браузера використовує URL для того, щоб звернутися до потрібного хост-комп'ютера і витягти файл з каталогу, в якому він розміщений. Цей файл потім буде відображений на моніторі комп'ютера клієнта.

В якості прикладу наведемо URL Web-сторінки одного з сайтів

http://www.nsu.ru/official/index.xml

Він складається з наступних компонентів:

http - протокол доступу;

www - тип ресурсу (даний елемент в URL не обов’язковий);

nsu - домен другого рівня; ru - домен верхнього рівня;

official – і’мя каталогу;

index.xml – і’мя файлу.

Принципи побудови html-документів

Після написання html-файлу слід зберегти його з деякою назвою та розширенням *.html.

На початковому етапі засвоєння мови розмітки гіпертексту НТML. нам будуть потрібні браузер - Internet Explorer, текстовий редактор - Блокнот. У текстовому редакторі ми будемо створювати HTML-документи (web-документи, HTML-файли), а у браузерах переглядати їх.

Команди мови HTML називаються тегами (<HTML> .. </HTML>). Теги бувають одинарними і парними. Більшість тегів парні, як, наприклад, <BODY>...</BODY>, <HEAD>...</HEAD>. Такі теги називаються ще контейнерами. Контейнер може містити текст та інші теги. Парні теги позначають початок (відкриваючий тег) і кінець (закриваючий тег) області дії відповідної команди. Тег, що закриває ділянку дії, має скісну риску (/) -слеш (не забувайте його писати, інакше тег працюватиме неправильно).

Тег – це фрагмент коду, команда мови HTML, що описує певні елементи документа HTML, вміщений у кутові дужки "<",">" і записується на англійській мові з дотриманням певних правил.

Назви тегів можна писати як великими, так і малими буквами.

Кожен HTML-документ має певну структуру:

<HTML>

<HEAD>

...

</HEAD>

<BODY>

...

</BODY>

</HTML>

де:

<HTML> .. </HTML> - означає початок та кінець HTML файлу

<HEAD>...</HEAD> - описує заголовок документа.

<TITLE>…</TITLE> - В заголовку, обмеженому тегами <HEAD>...</HEAD> записується заголовок Windows вікна (назва документу, яка повинна описувати його вміст. Ця назва відображається браузерами в рядку заголовка робочого вікна програми. При створенні назви документа слід пам'ятати про те, що залишиться від імені після мінімізації вікна браузера. Цей тег неможна плутати з назвою файла документу. Важливість назви документа полягає в тому, що ім'я сторінки загружається із Internet в першу чергу, а отримання заключної частини документа може займати подовжений час.

<BODY>...</BODY> - записують те, що відображатиметься у вікні броузера

При створенні web-сторінок виникає необхідність ввести ту чи іншу інформацію або наміри розробника, але так, щоб ці пояснення не відображались у вікні браузера. У таких випадках незамінним є коментар.

Коментарі можуть складатися із довільної кількості рядків, вони починаються з певної послідовності <!--- і завершуються символами --->.

Коментар (це фрагмент коду, що не виконується) - можна записати також за допомогою парного тегу <COMENT> текст </COMENT>.

При створенні web-сторінки слід пам'ятати про принцип вкладення тегів: коли поряд є два відкриваючі теги, то закривати треба спочатку другий, а лише потім перший.

Приклад:

<HEAD><TITLE> заголовок web-сторінки </TITLE> </HEAD>

Досить часто теги містять додаткові елементи, які Називаються атрибутами. В них використовуються будь-які символи (на відміну від тегів, де використовуються тільки англійські літери)

Атрибути – параметри з додатковою інформацією про те, як браузер повинен обробляти поточний тег (наприклад текста). Він складається із імені, наприклад language, знака дорівнює = та значення, яке задається рядком символів, наприклад language="Arial". Значення атрибута можна записувати як в дужках, так і без них. Якщо ці значення використовують тільки символи латинського (англійського) алфавіта, цифри і дефіси, то лапки іноді відсутні. Атрибути в тегу відділяються один від одного інтервалами, при цьому їх порядок розміщення довільний.