Лістинг 2.1. Файл chap2\first.htm
<!DOCTYPE HTML PUBLIC ".//W3C//DTD HTML 3.2//EN"> <HTML> <HEAD>
<TITLE>XYZ Incorporation</TITLE> </HEAD> <ВОDY>
Ласкаво просимо в мир серверів WWW! </BODY> </HTML>
Пересвідчіться, що у вас встановлений навігатор Microsoft Internet Explorer або Netscape Navigator.
Відкрийте папку, в яку ви зберегли файл first.htm, і зробіть подвійне натиснення лівою клавішею миші по пиктограмме файла. Відразу після цього буде автоматично запущений навігатор, у вікні якого з'явиться вміст вашого документа. Інший спосіб перегляду документа HTML, записаного в файлі, полягає в тому, що ви спочатку запускаєте навігатор, а потім відкриваєте потрібний файл за допомогою меню. При використанні навигатора Microsoft Internet Explorer для відкриття файла ви повинні спочатку вибрати з меню File рядок Open, а потім в діалоговій панелі, що з'явилася Open Internet Address натиснути кнопку Open File. Після цього ви виявитеся в діалоговій панелі з назвою Open File, з допомогою якою можливо вибрати файл документа HTML, розташований на локальному диску вашого комп'ютера.
На мал. 2.1 ми показали зовнішній вигляд документа first.htm при його перегляді з допомогою навигатора Microsoft Internet Explorer.
МАЛИЙ. 2.1. Зовнішній вигляд документа first.htm у вікні навигатора Microsoft Internet Explorer
Розглянемо на цьому найпростішому прикладі структуру документа HTML.
2.2. Структура документа HTML
Документ HTML містить оператори, які можуть займати одну або декілька рядків. Наприклад, оператор прологу <!DOCTYPE> займає один рядок і описує тип документа як HTML версії 3.2 (тут і далі крапки після імені оператора означає, що оператор може мати додаткові параметри). Оператор <HTML> насправді складається з відкриваючого оператора <HTML> і закриваючого оператора </HTML>, між якими розташовані інші оператори.
Розглянемо оператори, використані в нашому найпростішому прикладі, більш детально.
Документ HTML версії 3.2 починається з оператора <!DOCTYPE> наступного вигляду:
<!DOCTYPE HTML PUBLIC ".//W3C//DTD HTML 3.2//EN">
Тут W3C - назва організації, що розробила стандарт. Слово DTD (Document Type Definition) означає визначення типу документа.
Приведені параметри оператора <!DOCTYPE> для мови HTML версії 3.2. Параметри цього оператора для інших версій визначені у відповідних стандартах, доступних через Internet.
Оператор прологу <!DOCTYPE> може бути відсутнім в документах HTML. Такі документи будуть нормально відображатися у вікні навигатора. Однак оператор <!DOCTYPE> може надати допомогу навигатору при відображенні сторінки, оскільки він дозволяє визначити версію мови HTML, використану при підготовці сторінки.
Услід за оператором прологу слідує тіло документа HTML, обмежене операторами <HTML> і </HTML>, як це показане нижче:
<!"DOCTYPE HTML PUBLIC -//W3C//DTD HTML 3.2//EN">
<HTML>
(документ HTML)
</HTML>
Документ HTML складається з двох основних частин - заголовка документа і тіла документа.
2.2.1. Заголовок документа
Заголовок документа виділяється операторами <HEAD> і </HEAD>. Він може містити інші оператори і займати декілька рядків. Тіло документа займає одну або декілька (можливо, досить багато) рядків. Воно виділяється операторами <BODY> і </BODY>.
<!DOCTYPE HTML PUBLIC"-//W3C//DTD HTML 3.2//EN">
<HTML>
<HEAD>
(заголовок документа)
</HEAD>
<BODY>
(тіло документа)
</BODY>
</HTML>
Ця структура нескладна. У нашому першому документі HTML заголовок складається усього з одного рядка:
<TITLE>XYZ Incorporation</TITLE>
За допомогою операторів <TITLE> і </TITLE> тут задається рядок заголовка сторінки, який відображається в заголовку головного вікна навигатора (див. мал. 2.1). Кожний документ HTML повинен мати рядок заголовка, визначений вказаним вище способом. Цей рядок ідентифікує документ і відображається навигатором не тільки в заголовку головного вікна, але і в інших місцях, наприклад в списку відвіданих сторінок.
Чи Є обмеження на розмір рядка заголовка документа?
У стандарті не сказано про існування таких обмежень, однак, якщо видалений користувач працює у відеорежим з низьким дозволом (наприклад, 640 х 480 пікселів), довгий рядок заголовка сторінки може не вміститися в заголовку вікна.
Заголовок документа може містити крім оператора <TITLE> і інші оператори, які, elen розглянуті пізніше. Однак оператор <TITLE> є обов'язковим для будь-якого документа.
2.2.2. Тіло документа
На відміну від заголовка тіло документа HTML, обмежене операторами <BODY> і </BODY>, відображається у внутрішній області вікна навигатора.
У нашому найпростішому прикладі тіло складається усього з одного вітального рядка:
<BODY>
Ласкаво просимо в мир серверів WWW!
</BODY>
Як видно з мал. 2.1, цей рядок відображається у вікні навигатора, выровненной вздовж лівому кордону цього вікна. За допомогою численних операторів, які будуть розглянуті в курсі, ви зможете змінити вирівнювання рядка, зображення і колір символів, розмір шрифту і багато які Інші атрибути.
Крім звичайних текстових рядків в тілі документа можуть розташовуватися таблиці, графічні зображення, посилання на інші сторінки і т.д. - словом, все, що ви можете знайти на сторінках серверів WWW.
2.2.3. Вирівнювання параграфів тексту
Тіло нашого першого документа HTML складалося з одного текстового рядка. Реальні сторінки HTML складаються з декількох параграфів тексту, які виділяються операторами <Р> і </Р>. Наприклад.
<BODY>
<Р>Цей перший параграф</Р>
<Р>А це другий параграф</Р>
</BODY>
Помітимо, що оператор </Р> є необов'язковим. Приведені вище два параграфи можливо було оформити і так:
<BODY>
<Р>Цей перший параграф
<Р>А це другий параграф
</BODY>
Оператор <Р> може мати параметри, що визначають різні характеристики параграфа.
У стандарті мови HTML версії 3 2 визначений параметр ALIGN, за допомогою якого можливо задати вирівнювання параграфа по горизонталі. Цей параметр може мати наступні значення:
| Значення | Тип вирівнювання |
| LEFT | Вздовж лівому кордону |
| CENTER | Центрування |
| RIGHT | Вздовж правому кордону |
Для вирівнювання рядків параграфа, наприклад, вздовж лівому кордону, ви повинні задати параметри оператора <Р> таким чином:
<Р АLIGN=LEFT>Вирівнювання вздовж лівому кордону
Помітимо, що вирівнювання за допомогою параметрів оператора <Р> працює не для всіх навигаторов. Зокрема, навігатор Microsoft Internet Explorer версії 2 0 і навіть 3 0 не виконує центрування параграфа вказаним вище способом.
Проте, існує універсальний спосіб центрування параграфа, описаний в специфікації на мову HTML версіях старше за 3.2. Він поляжуть у використанні операторів <CENTER> і </CENTER>:
<Р><СЕNTER>Центрування параграфа</СЕNTER>
У лістинг 2.2 приведений початковий текст документа HTML, в якому демонструються різні способи вирівнювання рядків параграфа, тому числі і з використанням операторів <CENTER> і </CENTER>.
Дата добавления: 2015-04-19; просмотров: 820;