Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
Grafika_2_semestr_6101_by_Hydra_xD.doc
Скачиваний:
5
Добавлен:
19.09.2019
Размер:
1.14 Mб
Скачать

44.Створення web – сторінок.

Головне, з чого повинне починатися створення WEB-сторінки — придумати й уявити собі те, що на цій сторінці повинне міститися, тобто спроектувати сторінку.

У принципі, навіть якщо написати простий текст у будь-якому текстовому редакторі, то він уже може відображатися програмою перегляду WEB - сторінок. Наприклад, скористаємося програмою Блокнот і виконаємо команди (Пуск >>> Программы >>> Стандартные >>> Блокнот) і введемо текст

Тепер збережемо цей файл із розширенням імені .html

45.Теги html.

Є такі строгі броузери, що узагалі не відобразять змісту веб-сторінки, якщо не побачать у ньому підтвердження того, що він написаний мовою HTML (мові гіпертекстової розмітки), на якому і пишуться WEB - сторінки). Розширення .html такий броузер може порахувати недостатнім підтвердженням, тому прийдеться написати кілька додаткових рядків:

<HTML>

<BODY>

текст

</BODY>

</HTML>

Слова, вкладені в кутові дужки, є службовими словами мови HTML. Їх прийнято називати тегами (tags). Теги ніколи не відображаються при перегляді сторінки — вони служать для керування оформленням.

Існують різні транскрипції слова browser, що означає просто програму перегляду WEB - сторінок. Деякі пишуть “броузер”, а інші — “браузер”. Ми будемо дотримувати першого варіанта.

Тег <HTML> , що ви бачите в першому рядку, означає, що наш текст дійсно написаний мовою HTML. Більшість тегов мов HTML — парні. Вони обов'язково вимагає присутності закриваючого тега. Наприклад, у цьому прикладі в першому рядку є відкриваючий тег <HTML> , а в останньої — закриваючий тег </HTML>.

Усе, що розташовано між ними, вважається .HTML-документом. У мові HTML зовсім не має значення, рядковими чи прописними буквами записані теги. Можна написати <HTML> чи <html> — для броузера це те саме. Однак прийнято писати теги HTML прописними буквами, щоб вони краще виділялися на тлі основного тексту.

У розглянутому прикладі ви бачите ще один тег — <BODY> . Усе, що розташовано між ним і його закриваючим тегом </BODY>, вважається “телом” документа і відображається на екрані. HTML - документи, крім “тела”, звичайно містять ще і заголовок, у якому укладена різна службова інформація. Заголовок розташовується між тегами <HEAD> і </HEAD> . Якщо розглянути наступний приклад <HTML>

<HEAD>

<ТIТLЕ> заголовок</TITLE>

</HEAD>

<BODY>

текст

</BODY>

</HTML>

Зверніть увагу на те, що в заголовку вікна броузера з'явилися слова “Домашня сторінка Сергія Сергеева”. Це відбулося тому, що в розділі заголовка <HEAD> ми помістили цей текст між тегами <TITLE> і </TITLE> Тепер згадаємо про те, що при відображенні в броузере наш текст утратив форматування. Це відбулося тому, що броузер ігнорує переведення рядка. Однак якщо ви все-таки хочете бачити свій текст із такою же розбивкою на рядки, яке було в редакторі Блокнот, потрібно укласти його між тегами <PRE> и </PRE>:

Однак є два моменти, через які не радимо без крайньої необхідності вживати тег <PRE>. По-перше, як видно з малюнка, текст тепер відображається так називаним моноширинним шрифтом, схожим на шрифт друкарської машинки.

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

Наприклад, написаний рядок може не поміститися у вікні перегляду, і тоді, якби не було тега <PRE>, броузер автоматично переніс би його частину на наступний рядок, щоб користувачу було зручно читати весь текст. Тег <PRE> не дозволяє цього зробити, і якщо рядок “вылезет” за межі вікна перегляду, то для її читання прийдеться скористатися горизонтальною смугою прокручування, що незручно і звичайно дратує. Іншими словами, якщо ви використовуєте тег <PRE>, вам доведеться спеціально піклуватися про довжину рядків, а це важко, оскільки ніхто заздалегідь не знає, який розмір вікна броузера буде в користувача.

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

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

І, нарешті, ще одна деталь: іноді броузери чи інші програми обробки вимагають, щоб на початку HTML-документа обов'язково стояв службовий тег <!DOCTYPE> , в атрибутах якого повинна бути зазначена версія мови і деяка інша інформація. Так що в коректному виді на початку коду потрібно додати:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

У даному випадку в першому рядку коштує вказівка, що в документі використана версія 4.0 мови HTML.

Соседние файлы в предмете [НЕСОРТИРОВАННОЕ]