Зміст
Вступ 3
1. Поняття про HTML 5
1.1. Структура файлу у форматі HTML 5
1.2. Відмітна ознака HTML-документа 8
2. Гіпертекстові посилання 12
3. Створення документів у стандарті HTML 15
3.1. Заголовки 15
3.2.Форматірованіе тексту і зміна стилів 15
3.3. Фрейми 17
Висновок 20
БІБЛІОГРАФІЯ 22
Введення
Глобальна Мережа не тільки з'єднала користувачів всього світу, але й утвердилася у вигляді нових технологій на наших персональних комп'ютерах. Дійсно, користувач, який придбав і встановив на своїй машині Microsoft Office, стає володарем Internet-технології в готовому вигляді, незалежно від того, його комп'ютер підключений до Мережі або немає.
Іншими словами, кошти, призначені для роботи з Мережею, стали використовуватися і в інших цілях, не пов'язаних з нею, а серед програмного забезпечення, що встановлюється на більшість персональних комп'ютерів, програми для Internet зайняли своє почесне місце.
Актуальність теми. У результаті робота багатьох користувачів стала мати більше відношення до Мережі, ніж вони самі, може бути бажали. Так, одним із способів самовираження стало розміщення особистих сторінок в Internet. Багато комерційні фірми стали використовувати Мережу для реклами і збуту своєї продукції. Людям, зайнятим пошуком роботи, став доступний і такий сервіс: скласти резюме у форматі Web-сторінки і розмістити цю інформацію в Мережі. Важливу роль Internet став грати для наукових, навчальних та громадських організацій. Підтвердження цьому легко знайти, вийшовши на простори кіберпростору.
Моя мета полягає в тому, щоб навчитися створювати власні сторінки для WWW. Для цього доведеться познайомитися з правилами, у відповідності з якими сторінки зберігаються на диску комп'ютера. Будь-яка сторінка представлена у вигляді окремого текстового файлу, який можна створити будь-яким текстовим редактором. Так як сторінка може містити не тільки текст, але і безліч інших елементів (шрифтове оформлення тексту, ілюстрації і т. п.), то в текст вбудовуються спеціальні конструкції, що управляють, називаються тегами. Весь набір правил, за якими потрібно створювати файл з web-сторінкою і записувати окремі теги, називається мовою розмітки гіпертексту (HyperText Markup Language, HTML). Браузери при відкритті файлу у форматі HTML здатні розшифрувати теги і показати сторінку в своєму вікні так, як вона була задумана творцем. В операційній системі Windows файли web сторінок, повинні мати розширення "htm" або "html". При навчанні правилами HTML немає необхідності розміщувати наші сторінки на діючий сайт в Internet, досить зберігати їх у вигляді файлів на конкретній робочій станції або на сервері локальної мережі.
1 Поняття про HTML
Html-документ-це текст, що складається з HTML-кодів і основного тексту документа. Для форматування тексту, завдання структури документа, вбудовування посилань і мулітімедіа-об'єктів в HTML-документах використовуються спеціальні кодові слова, які називаються дескрипторами розмітки (тегами).
Отже, розглянемо основні теги, що входять в кожен Web-документ.
Відмітна ознака HTML-документа. Одним із принципів мови є багаторівневе вкладення елементів. HTML є самим зовнішнім, так як між його стартовим і кінцевим тегами повинна знаходитися вся Web-сторінка.
Область заголовка Web-сторінки. Іншими словами, її перша частина. Так само як і HTML, HEAD служить тільки для формування загальної структури документа. Цей елемент містить в собі гіпертекст, який визначає власне Web-сторінку. Ця та частина документа, яку розробляє автор сторінки і яка відображається браузером. Відповідно, кінцевий тег цього елемента треба шукати в кінці HTML-файлу. Усередині BODY можна використовувати всі елементи, призначені для дизайну Web-сторінки. Усередині стартового тега елемента BODY можна розташувати ряд атрибутів, що забезпечують установки для всієї сторінки повністю.
1.1 Структура файлу у форматі HTML
У першу чергу нам потрібно створити файл з розширенням "htm" або "html" та відкрити його для редагування в текстовому редакторі (працюючи під Windows, можна використовувати стандартну програму "Блокнот").
Текст для HTML-документа набирається в тому вигляді, в якому його повинен показати браузер, а при виділення фрагментів, які призначені для розмітки документа (тегів), використовуються кутові дужки (знаки "більше" і "менше"), наприклад:.
Будь-який документ HTML починається з відкриваючого тега і закінчується відповідним йому закриває тегом. Закриваючий тег відрізняється від відкриваючого наявністю косою риси перед назвою тега. У мові HTML немає відмінностей між великими і малими буквами при записі тегів, однак прийнято записувати відкриває тег великими літерами, а закриває - малими. Частина документа, яка знаходиться в межах від відкриваючого до відповідного йому закриває тега, називається контейнером (to contain - утримувати що-небудь). Теги, у яких є закриває і відкриває варіанти запису називаються парними, а ті, які використовуються тільки в одному вигляді (наприклад, тег), називаються непарними. Весь файл web-сторінки - це по суті справи один великий контейнер HTML (так як починається і закінчується).
Всередині контейнера HTML послідовно записуються два контейнери:
1. (Заголовок документа). Усередині цього контейнера записуються параметри, загальні для всієї сторінки. Для прикладу можна помістити сюди контейнер, що дозволяє розмістити текст для відображення в заголовку вікна браузера.
2. (Тіло документа). Цей контейнер містить все те, що повинен показати браузер всередині свого вікна при відкритті документа. Якщо документ містить лише текст, то цей текст потрібно записувати саме тут, якщо є інші елементи (графіка, таблиці, посилання і т. д.).
Якщо порівняти вихідні тексти різних Web-сторінок, можна легко побачити схожість їх структур. Це пояснюється тим, що документи створюються за певними правилами. В основу синтаксису мови HTML ліг стандарт ISO 8879:1986 «Information processing. Text and Office systems. Standard Generalized Markup Language (SGML) ». Правда, існує велика різниця між стандартом офіційним і стандартом фактичним.
Нижче наведено шаблон типового Web-документа. На його прикладі ми розглянемо загальні принципи побудови HTML-сторінок.
Для того щоб зрозуміти структуру Web-сторінки, нам необхідно детально розглянути всі елементи, що входять до наведеного лістинг.
name =''Author''
content =''Irina''>
name =''Keywords''
content =''WWW, HTML, document, element''>
Перехід в кінець документа
Перехід до заслання 1
Заголовок1
Заголовок2
Заголовок3
Заголовок4
Заголовок5
Заголовок6
Тут розташована посилання 1
Тут повинен розташовуватися оригінальний текст Web-сторінки
Перехід на початок документа
Текст коментаря.
У будь-якій мові програмування є конструкції, що дозволяють створювати довільні ремарки. HTML в цьому сенсі - не виняток. Текст, поміщений усередині COMMENT, ігнорується браузером. COMMENT може розташовуватися в будь-якому місці коду Web-сторінки. Без кінцевого тега, тут мабуть не обійтися: коментар повинен бути відділений від основного тексту.
Існує, правда, одне обмеження: всередині коментаря не повинні розташовуватися інші елементи. Так має бути, зрозуміло, тільки в тому випадку коли необхідно, щоб весь вміст елемента COMMENT не відображалося на екрані монітора. Якщо у коментарі буде присутній інший елемент, то його вміст буде виведено на екран, відформатований відповідним чином. З цією проблемою пов'язана інша, схожа: звичайний текст не може містити фрагменти, що мають вигляд тегів. Для того щоб включати в текст подібні конструкції, існує елемент PLAINTEXT.
Існує й інший спосіб позначення коментаря. Він полягає у використанні знака оклику і обрамленні тексту коментаря подвійним тире.
Усередині подібної конструкції можна поміщати і теги: вони не будуть сприйматися браузером.
1.2 Відмітна ознака HTML-документа
Одним із принципів мови є багаторівневе вкладення елементів. HTML є самим зовнішнім, так як між його стартовим і кінцевим тегами повинна знаходитися вся Web-сторінка. У принципі, цей елемент можна розглядати як формальність. Він має атрібути4 version, lang і dir, якими в даному випадку мало хто користується і допускає вкладення елементів HEAD, BODY і PLAINTEXT, що визначають загальну структуру Web-сторінки. Природно, що кінцевим тегом закінчуються всі гіпертекстові документи.
Область заголовка Web-сторінки. Іншими словами, її перша частина. Так само як і HTML, HEAD служить тільки для формування загальної структури документа. Цей елемент може мати атрибути lang і dir і допускається вкладення елементів TITLE, ISINDEX, BASE, NAME, LINK, NEXTID.
Елемент для розміщення заголовка Web-сторінки. Рядок тексту, розташована всередині, відображається не в документі, а в заголовку вікна браузера. Ця особливість часто використовується для організації пошуку в WWW. Тому автори, що створюють Web-сторінки, повинні подбати про те, щоб рядок всередині TITLE, не будучи занадто довгою, досить відображала призначення документа.
Опис стилю деяких елементів Web-сторінки. У вище наведеному прикладі призначені шрифти для елементів Н2 і CODE. Природно, що для кожного елемента існує стильове оформлення за замовчуванням, тому вживання STYLE не обов'язково.
Цей елемент містить службову інформацію, яка не відображається при перегляді Web-сторінки. Всередині нього немає тексту у звичайному розумінні, тому немає і кінцевого тега. Кожен елемент NAME містить два основних атрибуту, перший з яких визначає тип даних, а другий - зміст. Далі наведено кілька прикладів meta-даних.
Дата, що позначає «термін придатності» документа:
name =''Expires''content =''Дата''
Адреса електронної пошти:
name =''Reply-to''content =''Ім'я @ Адреса''
Вказівка програми, в якому був створений Web-документ:
name =''Generator''content =''Назва HTML-редактора''
Атрибут name використовується додатком-клієнтом для отримання додаткової інформації про Web-сторінках і їх упорядкування. Цей атрибут часто замінюють атрибутом http-equiv. Він використовується сервером для створення додаткових полів при виконанні запиту.
Крім цього, елемент NAME може містити URL. Шаблон відповідного атрибута такий:
URL =''http://адрес''
Цей елемент містить в собі гіпертекст, який визначає власне Web-сторінку. Ця та частина документа, яку розробляє автор сторінки і яка відображається браузером. Відповідно, кінцевий тег цього елемента треба шукати в кінці HTML-файлу. Усередині BODY можна використовувати всі елементи, призначені для дизайну Web-сторінки. Усередині стартового тега елемента BODY можна розташувати ряд атрибутів, що забезпечують установки для всієї сторінки повністю. Розглянемо їх по порядку.
Один з найбільш корисних для дизайну - атрибут, який визначає фон сторінки. Його появу можна уподібнити маленької революції в WWW, оскільки однакові сірі Web-сторінки завдяки йому розцвіли яскравими кольоровими візерунками:
background =''Шлях до файлу фону''
Більш просте оформлення фону зводитися до завдання його кольори:
bgcolor =''# RRGGBB''
Колір фону задається трьома дворозрядними шестнадцатерічнимі числами, які визначають інтенсивність червоного, зеленого і синього кольорів відповідно.
Обидва перерахованих вище ознаки не є альтернативними і часто використовуються спільно.
Оскільки фон сторінки може змінюватися, необхідно мати можливість підбирати відповідний колір тексту. Для цього є наступний атрибут:
text =''# RRGGBB''
Для завдання кольору гіперпосилань використовується атрибут:
link =''RRGGBB''
Також можна задати колір для використаних гіперпосилань:
vlink =''RRGGBB''
Гіпертекст, розташований всередині елемента BODY, може мати довільну структуру. Її визначають в першу чергу призначення Web-сторінки і фантазія розробника.
HTML-документ може бути дуже великим, і в цьому випадку користувачеві повинна бути надана можливість швидко переміщатися до потрібного розділу сторінки. Для цього можна використовувати механізм гіперпосилань. Необхідно також у потрібних місцях тексту розставити відповідні мітки.
Елемент для установки базового адреси (URL) для посилань. Це дозволяє опускати їх початкову частину. Тоді при вказівці відносної посилання можна задати не тільки ім'я файлу, а й імена папок, в яких він знаходитися. Іншими словами, шлях до файлів може бути розбитий на дві частини: абсолютну і відносну. Це корисно в тому випадку, коли для файлів зазначених у документі, є спільний початковий фрагмент шляху.
У виразі абсолютної посилання можна також опустити вказівку на схему доступу (file ://). У цьому випадку будуть враховуватися тільки ліва частина абсолютного посилання до першого лівого символу <\>, тобто ім'я локального диска.
2 Гіпертекстові посилання
Існує два шаблони для створення гіпертекстових посилань.
Перший шаблон застосовується в тому випадку, коли гіперпосилання зустрічається в тексті. Атрибут href може вказувати на ресурс Internet, файл на локальному диску або мітку всередині поточної сторінки. Текст, розташований всередині елемента А, представляє собою видиму частину гіперпосилання. Саме на ньому повинен клацнути користувач, щоб здійснити перехід. Браузер виділяє цей фрагмент кольором, а після використання гіперпосилання змінює колір, щоб забезпечити підказку.
Другий шаблон призначений для тих випадків, коли видима частина гіперпосилання являє собою малюнок. Якщо для останнього визначена рамка, то вона теж змінює колір при використанні. Якщо посилання вказує на малюнок, який знаходиться на локальному диску, вона обов'язково повинна починатися зі слова «file», тобто містити вказівку на схему доступу:
file: / / Диск: \ Шлях до файлу
або
file: / / / Диск: / Шлях до файлу
Подібно багатьом іншим елементам мови, елемент А вимагає використання атрибутів. Атрибут гіперпосилання такий:
''URL''
або
''Протокол: / / Адреса посилання''
Наприклад:
''Http://www.netscape.com''
Кодове слово, що стоїть спочатку URL7, позначає так звану схему доступу. Вона визначає тип сервера, доступний за допомогою даної посилання. Для користувача це представляється як доступ до однієї з «різновидів» Internet. У цьому сенсі можна сказати, що Internet - це як би кілька мереж в одній. У кожної з них існують свої правила доступу, переваги, недоліки, свої прихильники і супротивники. Але всі її клієнти використовують одні й ті ж канали зв'язку. Схожа ситуація спостерігається і в звичайних телефонних мережах. Їх можна використовувати для зв'язку голосом, передачі факсів, межкомпьютерной зв'язку і т. д.
Головна особливість web-сторінок полягає в тому, що будь-яка з них може дозволити перейти до іншої сторінки, що знаходиться на тому ж комп'ютері або в Інтернет. Виглядає це наступним чином: фрагмент документа (текст, зображення або інший об'єкт) виділяється особливим чином, при перегляді сторінки можна, клацнувши мишею по цьому фрагменту змусити браузер завантажити іншу сторінку, адреса якої записується в тексті HTML-документа. З цієї причини вміст сторінок називається гіпертекстом.
Для виділення фрагмента, що є посиланням, використовується контейнер (від слова anchor - якір). Найбільш важливий атрибут тега - це HREF, як значення якого записується адреса сторінки, на яку потрібно перейти. Нижче наведено приклад вставки гіперпосилання:
Клацніть сюди, щоб перейти на головну сторінку web-сайту ВДПУ
В якості адреси в атрибуті HREF записується або повний URL сайту або сторінки, або ім'я файлу, що містить сторінку, якщо вона лежить на тому ж комп'ютері, що і початкова. Якщо сторінка лежить на тому ж комп'ютері, в тому ж каталозі, що і переглядається, то в HREF досить вказати ім'я файлу. Якщо ж вона лежить в іншому каталозі, то замість імені протоколу пишуть "file ://", а потім - повний шлях до файлу та його ім'я.
Приклади:
HREF = "main.html", HREF = "file: / / c: \ WebPages \ Book \ contents.htm".
Іноді сторінки можуть виявитися досить великими, і для пошуку потрібної інформації буде потрібно багато часу. У таких випадках розумно робити посилання в межах одного документа. Нехай, наприклад, у форматі HTML опублікована ціла книга, тоді її зміст можна виконати у вигляді посилань, клацнувши по потрібному посиланню можна швидко перейти до початку цікавить нас глави або частини книги.
Щоб зробити посилання в межах одного документа буде потрібно два кроки:
1. Наголошуємо на тому місце в документі, на яке пізніше зробимо посилання (встановлюємо "якір"). Для цього вставляємо в потрібне місце тег з атрибутом NAME. Як значення цього атрибуту записуємо в лапках ім'я для того місця, яке ми хочемо зазначити (краще латинськими літерами). Надалі браузер на ім'я буде шукати позицію, на яку вказувала посилання. Тег можна поставити відразу за відкриває тегом (контейнер у цьому випадку буде порожнім), а можна помістити перед закриваючим тегом який-небудь фрагмент документа, з ним і буде пов'язане ім'я, вказане в атрибуті NAME.
2. При додаванні посилання на "якір", встановлений в п. 1, в атрибуті HREF в лапках пишуть знак "#", за яким слідує ім'я якоря, наприклад: Глава 15.
7. Використання графіки в HTML-документах
Для того щоб способи приміщення ілюстрацій на web-сторінки були зрозумілішими, ця частина була оформлена в html-форматі.
3 Створення документів у стандарті HTML
3.1 Заголовки
Існує шість рівнів заголовків, які позначаються Н1 ... Н6. Тема рівня 1 самий великий, а рівень 6 забезпечує найменший заголовок. Для заголовків можна використовувати атрибут, що задає вирівнювання вліво, по центру або праворуч:
align =''left''
align =''center''
align =''right''
Заголовок1
Заголовок 2
Заголовок 3
Тема 4
Тема 5
Заголовок 6
Елемент FONT може з успіхом замінювати елементи заголовка Н1 ... Н6. Для останніх, наприклад, не передбачена можливість вказівки кольору букв. Щоб заголовок, створений на основі елемента FONT, добре виглядав, цей елемент необхідно комбінувати з іншими: CENTER, B, I, P і т. д.
3.2.Форматірованіе тексту і зміна стилів
Текст - єдиний об'єкт Web-сторінки, який не вимагає спеціального визначення. Іншими словами, довільні символи інтерпретуються за умовчанням як текстові дані. Але для форматування тексту існує велика кількість елементів.
Елемент абзацу (paragraph) - один з найкорисніших. Він дозволяє використовувати тільки початковий тег, так як наступний елемент Р позначає кінець попереднього і початок наступного абзацу. Кінцевий тег зручно використовувати в тих випадках, коли за змістом необхідно позначити кінець абзацу. Разом з елементом Р можна використовувати атрибут вирівнювання align.
Елемент, що забезпечує примусовий перехід на новий рядок. Він має тільки стартовий тег. У місці його розміщення рядок закінчується, а що залишився текст друкується з нового рядка.
Цей елемент, за своєю дією, є прямою протилежністю попередньому. Текст, укладений між його тегами, буде виведений в один рядок. Довга рядок не вміститься на екрані, і для її перегляду доведеться використовувати горизонтальну смугу прокручування.
Елемент для позначення тексту, що відформатував заздалегідь (divformatted). Мається на увазі, що текст буде виведений в тому вигляді, в якому він був підготовлений користувачем. Наприклад, враховуються символи кінця рядка, що з'явилося при наборі тексту у редакторі. У всіх інших випадках браузер ігнорує ці символи. Цей елемент зручно використовувати для демонстрації лістингів програм або для виведення текстових документів, переформатування яких може призвести до спотворення їх сенсу.
Позначення цитати. Цей елемент вимагає наявність кінцевого тега. Текст не зазнає ніяких змін, але абзац розташовується з відступом. До лапок цей елемент теж не має ніякого відношення: якщо в цитаті використовуються лапки, то вони повинні бути проставлені явним чином. В даний час використовують і інше написання цього елемента: BQ.
Елемент використовується для центрування тексту, а точніше, будь-якого вмісту. Не є загальновживаним.
Елемент, схожий на попередній. Він дозволяє вирівнювати вміст по лівому краю, по центру або по правому краю. Для цього стартовий тег повинен містити відповідний атрибут:
align =''left''
align =''center''
align =''right''
3.3 Фрейми
У цій частині ми розглянемо таку можливість мови HTML, як розбиття вікна браузера на декілька частин, в яких відображаються різні HTML-документи.
Вікно браузера завжди розбиваються на прямокутні кадри (традиційно, вони називаються по-англійськи, фреймами). Зовні розбиття нагадує таблицю: кадри шикуються в декілька "рядків", кожна з яких містить кілька прямокутних осередків, що містять окремі HTML-документи.
Для того щоб розбити документ на декілька прямокутників, замість контейнера BODY нам буде потрібно записати контейнер FRAMESET (набір фреймів). У теге потрібно вказати на скільки "рядків" і "стовпців" розбивається все вікно браузера. Це робиться за допомогою атрибутів ROWS (рядки) та COLS (стовпці). Зауважимо, що в цих атрибутах недостатньо вказати кількість рядків і стовпців, потрібні також їх розміри, наприклад у відсотках від розмірів вікна. У прикладі Frames \ F1.html це зроблено так: (всі вікно розбивається на дві однакові "рядка" і на три майже однакових стовпця).
Всередині контейнера FRAMESET перераховуються HTML-документи, які потрібно помістити в кадри (зліва направо, зверху вниз). Це робиться за допомогою послідовних тегів. Найважливіший атрибут тега - це SRC, значенням якого є URL документа, що розміщується в цей кадр.
Розміри фреймів в тезі можна вказувати не тільки у відсотках. Можна також вказати з в частинах, наприклад (по висоті вікно умовно розбито на 3 частини, перша "рядок" кадрів займає дві з них, друга - одну, по ширині є 6 умовних частин, "стовпці" займають, відповідно, 2, 1 і 3 частини).
Інший варіант - вказівка розмірів у точках, наприклад: COLS = "300,100,400". Можливо і змішане вказівку розмірів (точки - відсотки, точки - частини, частини - відсотки). Можна, наприклад, записати: COLS = "200,30%, 70%", що означає: перший "стовпець" завжди має ширину 200 точок, незалежно від розмірів вікна, другий займає 30% від решти частини ширини вікна, а третій - 70 % від цього залишку.
Зовнішній вигляд фреймів налаштовується за допомогою атрибутів тегів і. Нижче перераховуються ці атрибути і пояснюється їх призначення:
1. BORDERCOLOR (для и). Управляє кольором межі одного фрейму або всього набору фреймів. Значенням є або назву стандартного кольору, або числовий код (# RRGGBB).
2. BORDER (для). Визначає ширину всіх кордонів, що відокремлюють фрейми один від одного. Значення потрібно вказувати в точках.
3. NORESIZE (для). Цей атрибут не вимагає значення. Якщо він присутній, то користувач не може переміщати мишею кордон відповідного фрейму.
4. MARGINHEIGHT і MARGINWIDTH (для). Дозволяють вказати (в точках) розміри відступів від горизонтальної (і вертикальної) межі фрейму до вмісту HTML-документа, що лежить всередині цього фрейма.
5. SCROLLING (для). Коли документ HTML не поміщається цілком у відведений йому кадр, для можливості перегляду з'являються смуги прокручування фрейму. В атрибуті SCROLLING можна вказати, показувати чи смуги прокручування завжди (значення YES), тільки коли документ не поміщається у фрейм (AUTO), або не показувати ніколи (NO).
При бажанні можна домогтися того, щоб будь-якої фрейм замість звичайного HTML-документа містив би, у свою чергу, набір фреймів. Для цього достатньо замість тега помістити контейнер, в який вкладено теги. HTML дозволяє управляти роботою гіперпосилань так, щоб документ, на який вказує посилання відкривався не в цілому вікні, а тільки в одному фреймі.
Для того щоб посилання працювали саме так, потрібно виконати дві дії:
1. Фрейму, в який в подальшому потрібно поміщати документ, знайдений за посиланням, дають ім'я. Для цього використовують атрибут NAME тега.
2. При вставці посилання в HTML-документ іншого фрейму в тезі вказують атрибут TARGET (мета), значенням його є ім'я фрейма, в який потрібно помістити HTML-документ, вказаний в HREF.
Крім імен, які можна давати власним фреймах, існують і стандартні імена, заздалегідь відомі браузеру, а саме:
"_self" - Дозволяє відкривати документ за посиланням у тому ж фреймі, де знаходилася посилання
"_top" - Відкриває документ у всі вікно, де знаходилася посилання, руйнуючи при цьому всю структуру фреймів
"_parent" - У батьківському фреймі; це не зовсім те ж саме, що _top, оскільки фрейми бувають вкладеними; вся структура батьківського фрейму руйнується
"_blank" - У новому вікні браузера; старе вікно (що містить посилання) при цьому не знищується.
Висновок
Дана тема була обрана з кількох причин. Одна з найбільш істотних причин в тому, що за всесвітньою комп'ютерною мережею Internet майбутнє. І будь-яка людина усвідомлює, що знання Internet необхідно і йому. Але оскільки інформації в мережі досить велика кількість і вона "розкидана" по величезній кількості серверів, необхідно вміти і знати як її знаходити.
Мета моєї роботи - створення сторінки на мові програмування HTML для того, щоб допомогти адміністратору мережі Internet і будь-якому пересічному користувачеві знаходити серед величезної кількості інформації новини по найбільш популярним тематикам.
У роботу ввійшов матеріал заснований на матеріалі, який я шукав у бібліотеках.
Можна працювати на Web без знання мови HTML, оскільки тексти HTML можуть створюватися різними спеціальними редакторами і конвертерами. Писати безпосередньо на HTML неважко. Можливо, це навіть легше, ніж вивчати HTML-редактор або конвертер, які часто обмежені в своїх можливостях, містять помилки або проводять поганий HTML код, який не працює на різних платформах.
Мова HTML існує в декількох варіантах і продовжує розвиватися, але конструкції HTML ймовірніше за все будуть використовуватися і надалі. Вивчаючи HTML і пізнаючи його глибше, створюючи документ на початку вивчення HTML і розширюючи його наскільки це можливо, Ви зможете створювати документи, які можуть бути переглянуті багатьма браузерами Web, як зараз, так і в майбутньому. Це не виключає можливості використання інших методів, наприклад, метод розширених можливостей, наданий Netscape Navigator, Internet Explorer або деякими іншими програмами. Робота з HTML - це спосіб засвоїти особливості створення документів у стандартизованому мовою, використовуючи розширення, тільки коли це дійсно необхідно.
HTML був ратифікований World Wide Web Consortium. Він підтримується декількома широко поширеними браузерами, і, можливо, стане основою майже всього що має відношення до Web програмного забезпечення.
Бібліографія
1. Гончаров А. Самовчитель HTML. С.-Пб: Пітер, 2000.
2. Гончаров А. HTML в прикладах. С.-Пб.: Пітер, 2003.
3. Інформатика: Підручник / за ред. Н.В. Макарової. - М.: Фінанси і статистика, 2000. - 768 с.
4. Інформатика. Базовий курс. Підручник для Вузів / під ред. С.В. Симоновича. СПб.: Пітер, 2000.
5. Інформатика. Комп'ютерна техніка. Комп'ютерні технології. / Посібник під ред. О. І. Пушкаря. Київ Видавничий центр "Академія". 2001.
6. Комягина А.О. Сучасний самовчитель роботи на персональному комп'ютері. М.: ТРІУМФ, 2003.
7. Ковтанюк Ю.С., Солов'ян С.В. Самовчитель роботи на персональному комп'ютері. К.: Юніор, 2001.
8. Симонович С.В., Євсєєв Г.А. Практична інформатика. Навчальний посібник. М.: АСТпресс, 2001.
9. Симонович С.В., Євсєєв Г.А., Алексєєв А.Г. Спеціальна інформатика. Навчальний посібник. М.: АСТпресс, 2001.
10. Матросов А. HTML 4.0. М.: Справа, 2005.
11. Основи сучасних комп'ютерних технологій: Навчальний посібник / Під. ред. Хомоненко. С.-Пб.: КОРОНА, 2002.
12. Острейковскій В.А. Інформатика. М.: Вища школа, 2001.
13. Хеслоп П. HTML самого початку. С.-Пб: Санкт-Петербург, 2005.
14. Шафран Е. Створення Web сторінок. С.-Пб: Пітер, 2004.
Вступ 3
1. Поняття про HTML 5
1.1. Структура файлу у форматі HTML 5
1.2. Відмітна ознака HTML-документа 8
2. Гіпертекстові посилання 12
3. Створення документів у стандарті HTML 15
3.1. Заголовки 15
3.2.Форматірованіе тексту і зміна стилів 15
3.3. Фрейми 17
Висновок 20
БІБЛІОГРАФІЯ 22
Введення
Глобальна Мережа не тільки з'єднала користувачів всього світу, але й утвердилася у вигляді нових технологій на наших персональних комп'ютерах. Дійсно, користувач, який придбав і встановив на своїй машині Microsoft Office, стає володарем Internet-технології в готовому вигляді, незалежно від того, його комп'ютер підключений до Мережі або немає.
Іншими словами, кошти, призначені для роботи з Мережею, стали використовуватися і в інших цілях, не пов'язаних з нею, а серед програмного забезпечення, що встановлюється на більшість персональних комп'ютерів, програми для Internet зайняли своє почесне місце.
Актуальність теми. У результаті робота багатьох користувачів стала мати більше відношення до Мережі, ніж вони самі, може бути бажали. Так, одним із способів самовираження стало розміщення особистих сторінок в Internet. Багато комерційні фірми стали використовувати Мережу для реклами і збуту своєї продукції. Людям, зайнятим пошуком роботи, став доступний і такий сервіс: скласти резюме у форматі Web-сторінки і розмістити цю інформацію в Мережі. Важливу роль Internet став грати для наукових, навчальних та громадських організацій. Підтвердження цьому легко знайти, вийшовши на простори кіберпростору.
Моя мета полягає в тому, щоб навчитися створювати власні сторінки для WWW. Для цього доведеться познайомитися з правилами, у відповідності з якими сторінки зберігаються на диску комп'ютера. Будь-яка сторінка представлена у вигляді окремого текстового файлу, який можна створити будь-яким текстовим редактором. Так як сторінка може містити не тільки текст, але і безліч інших елементів (шрифтове оформлення тексту, ілюстрації і т. п.), то в текст вбудовуються спеціальні конструкції, що управляють, називаються тегами. Весь набір правил, за якими потрібно створювати файл з web-сторінкою і записувати окремі теги, називається мовою розмітки гіпертексту (HyperText Markup Language, HTML). Браузери при відкритті файлу у форматі HTML здатні розшифрувати теги і показати сторінку в своєму вікні так, як вона була задумана творцем. В операційній системі Windows файли web сторінок, повинні мати розширення "htm" або "html". При навчанні правилами HTML немає необхідності розміщувати наші сторінки на діючий сайт в Internet, досить зберігати їх у вигляді файлів на конкретній робочій станції або на сервері локальної мережі.
1 Поняття про HTML
Html-документ-це текст, що складається з HTML-кодів і основного тексту документа. Для форматування тексту, завдання структури документа, вбудовування посилань і мулітімедіа-об'єктів в HTML-документах використовуються спеціальні кодові слова, які називаються дескрипторами розмітки (тегами).
Отже, розглянемо основні теги, що входять в кожен Web-документ.
Відмітна ознака HTML-документа. Одним із принципів мови є багаторівневе вкладення елементів. HTML є самим зовнішнім, так як між його стартовим і кінцевим тегами повинна знаходитися вся Web-сторінка.
Область заголовка Web-сторінки. Іншими словами, її перша частина. Так само як і HTML, HEAD служить тільки для формування загальної структури документа. Цей елемент містить в собі гіпертекст, який визначає власне Web-сторінку. Ця та частина документа, яку розробляє автор сторінки і яка відображається браузером. Відповідно, кінцевий тег цього елемента треба шукати в кінці HTML-файлу. Усередині BODY можна використовувати всі елементи, призначені для дизайну Web-сторінки. Усередині стартового тега елемента BODY можна розташувати ряд атрибутів, що забезпечують установки для всієї сторінки повністю.
1.1 Структура файлу у форматі HTML
У першу чергу нам потрібно створити файл з розширенням "htm" або "html" та відкрити його для редагування в текстовому редакторі (працюючи під Windows, можна використовувати стандартну програму "Блокнот").
Текст для HTML-документа набирається в тому вигляді, в якому його повинен показати браузер, а при виділення фрагментів, які призначені для розмітки документа (тегів), використовуються кутові дужки (знаки "більше" і "менше"), наприклад:.
Будь-який документ HTML починається з відкриваючого тега і закінчується відповідним йому закриває тегом. Закриваючий тег відрізняється від відкриваючого наявністю косою риси перед назвою тега. У мові HTML немає відмінностей між великими і малими буквами при записі тегів, однак прийнято записувати відкриває тег великими літерами, а закриває - малими. Частина документа, яка знаходиться в межах від відкриваючого до відповідного йому закриває тега, називається контейнером (to contain - утримувати що-небудь). Теги, у яких є закриває і відкриває варіанти запису називаються парними, а ті, які використовуються тільки в одному вигляді (наприклад, тег), називаються непарними. Весь файл web-сторінки - це по суті справи один великий контейнер HTML (так як починається і закінчується).
Всередині контейнера HTML послідовно записуються два контейнери:
1. (Заголовок документа). Усередині цього контейнера записуються параметри, загальні для всієї сторінки. Для прикладу можна помістити сюди контейнер, що дозволяє розмістити текст для відображення в заголовку вікна браузера.
2. (Тіло документа). Цей контейнер містить все те, що повинен показати браузер всередині свого вікна при відкритті документа. Якщо документ містить лише текст, то цей текст потрібно записувати саме тут, якщо є інші елементи (графіка, таблиці, посилання і т. д.).
Якщо порівняти вихідні тексти різних Web-сторінок, можна легко побачити схожість їх структур. Це пояснюється тим, що документи створюються за певними правилами. В основу синтаксису мови HTML ліг стандарт ISO 8879:1986 «Information processing. Text and Office systems. Standard Generalized Markup Language (SGML) ». Правда, існує велика різниця між стандартом офіційним і стандартом фактичним.
Нижче наведено шаблон типового Web-документа. На його прикладі ми розглянемо загальні принципи побудови HTML-сторінок.
Для того щоб зрозуміти структуру Web-сторінки, нам необхідно детально розглянути всі елементи, що входять до наведеного лістинг.
name =''Author''
content =''Irina''>
name =''Keywords''
content =''WWW, HTML, document, element''>
Перехід в кінець документа
Перехід до заслання 1
Заголовок1
Заголовок2
Заголовок3
Заголовок4
Заголовок5
Заголовок6
Тут розташована посилання 1
Тут повинен розташовуватися оригінальний текст Web-сторінки
Перехід на початок документа
Текст коментаря.
У будь-якій мові програмування є конструкції, що дозволяють створювати довільні ремарки. HTML в цьому сенсі - не виняток. Текст, поміщений усередині COMMENT, ігнорується браузером. COMMENT може розташовуватися в будь-якому місці коду Web-сторінки. Без кінцевого тега, тут мабуть не обійтися: коментар повинен бути відділений від основного тексту.
Існує, правда, одне обмеження: всередині коментаря не повинні розташовуватися інші елементи. Так має бути, зрозуміло, тільки в тому випадку коли необхідно, щоб весь вміст елемента COMMENT не відображалося на екрані монітора. Якщо у коментарі буде присутній інший елемент, то його вміст буде виведено на екран, відформатований відповідним чином. З цією проблемою пов'язана інша, схожа: звичайний текст не може містити фрагменти, що мають вигляд тегів. Для того щоб включати в текст подібні конструкції, існує елемент PLAINTEXT.
Існує й інший спосіб позначення коментаря. Він полягає у використанні знака оклику і обрамленні тексту коментаря подвійним тире.
Усередині подібної конструкції можна поміщати і теги: вони не будуть сприйматися браузером.
1.2 Відмітна ознака HTML-документа
Одним із принципів мови є багаторівневе вкладення елементів. HTML є самим зовнішнім, так як між його стартовим і кінцевим тегами повинна знаходитися вся Web-сторінка. У принципі, цей елемент можна розглядати як формальність. Він має атрібути4 version, lang і dir, якими в даному випадку мало хто користується і допускає вкладення елементів HEAD, BODY і PLAINTEXT, що визначають загальну структуру Web-сторінки. Природно, що кінцевим тегом закінчуються всі гіпертекстові документи.
Область заголовка Web-сторінки. Іншими словами, її перша частина. Так само як і HTML, HEAD служить тільки для формування загальної структури документа. Цей елемент може мати атрибути lang і dir і допускається вкладення елементів TITLE, ISINDEX, BASE, NAME, LINK, NEXTID.
Елемент для розміщення заголовка Web-сторінки. Рядок тексту, розташована всередині, відображається не в документі, а в заголовку вікна браузера. Ця особливість часто використовується для організації пошуку в WWW. Тому автори, що створюють Web-сторінки, повинні подбати про те, щоб рядок всередині TITLE, не будучи занадто довгою, досить відображала призначення документа.
Опис стилю деяких елементів Web-сторінки. У вище наведеному прикладі призначені шрифти для елементів Н2 і CODE. Природно, що для кожного елемента існує стильове оформлення за замовчуванням, тому вживання STYLE не обов'язково.
Цей елемент містить службову інформацію, яка не відображається при перегляді Web-сторінки. Всередині нього немає тексту у звичайному розумінні, тому немає і кінцевого тега. Кожен елемент NAME містить два основних атрибуту, перший з яких визначає тип даних, а другий - зміст. Далі наведено кілька прикладів meta-даних.
Дата, що позначає «термін придатності» документа:
name =''Expires''content =''Дата''
Адреса електронної пошти:
name =''Reply-to''content =''Ім'я @ Адреса''
Вказівка програми, в якому був створений Web-документ:
name =''Generator''content =''Назва HTML-редактора''
Атрибут name використовується додатком-клієнтом для отримання додаткової інформації про Web-сторінках і їх упорядкування. Цей атрибут часто замінюють атрибутом http-equiv. Він використовується сервером для створення додаткових полів при виконанні запиту.
Крім цього, елемент NAME може містити URL. Шаблон відповідного атрибута такий:
URL =''http://адрес''
Цей елемент містить в собі гіпертекст, який визначає власне Web-сторінку. Ця та частина документа, яку розробляє автор сторінки і яка відображається браузером. Відповідно, кінцевий тег цього елемента треба шукати в кінці HTML-файлу. Усередині BODY можна використовувати всі елементи, призначені для дизайну Web-сторінки. Усередині стартового тега елемента BODY можна розташувати ряд атрибутів, що забезпечують установки для всієї сторінки повністю. Розглянемо їх по порядку.
Один з найбільш корисних для дизайну - атрибут, який визначає фон сторінки. Його появу можна уподібнити маленької революції в WWW, оскільки однакові сірі Web-сторінки завдяки йому розцвіли яскравими кольоровими візерунками:
background =''Шлях до файлу фону''
Більш просте оформлення фону зводитися до завдання його кольори:
bgcolor =''# RRGGBB''
Колір фону задається трьома дворозрядними шестнадцатерічнимі числами, які визначають інтенсивність червоного, зеленого і синього кольорів відповідно.
Обидва перерахованих вище ознаки не є альтернативними і часто використовуються спільно.
Оскільки фон сторінки може змінюватися, необхідно мати можливість підбирати відповідний колір тексту. Для цього є наступний атрибут:
text =''# RRGGBB''
Для завдання кольору гіперпосилань використовується атрибут:
link =''RRGGBB''
Також можна задати колір для використаних гіперпосилань:
vlink =''RRGGBB''
Гіпертекст, розташований всередині елемента BODY, може мати довільну структуру. Її визначають в першу чергу призначення Web-сторінки і фантазія розробника.
HTML-документ може бути дуже великим, і в цьому випадку користувачеві повинна бути надана можливість швидко переміщатися до потрібного розділу сторінки. Для цього можна використовувати механізм гіперпосилань. Необхідно також у потрібних місцях тексту розставити відповідні мітки.
Елемент для установки базового адреси (URL) для посилань. Це дозволяє опускати їх початкову частину. Тоді при вказівці відносної посилання можна задати не тільки ім'я файлу, а й імена папок, в яких він знаходитися. Іншими словами, шлях до файлів може бути розбитий на дві частини: абсолютну і відносну. Це корисно в тому випадку, коли для файлів зазначених у документі, є спільний початковий фрагмент шляху.
У виразі абсолютної посилання можна також опустити вказівку на схему доступу (file ://). У цьому випадку будуть враховуватися тільки ліва частина абсолютного посилання до першого лівого символу <\>, тобто ім'я локального диска.
2 Гіпертекстові посилання
Існує два шаблони для створення гіпертекстових посилань.
Перший шаблон застосовується в тому випадку, коли гіперпосилання зустрічається в тексті. Атрибут href може вказувати на ресурс Internet, файл на локальному диску або мітку всередині поточної сторінки. Текст, розташований всередині елемента А, представляє собою видиму частину гіперпосилання. Саме на ньому повинен клацнути користувач, щоб здійснити перехід. Браузер виділяє цей фрагмент кольором, а після використання гіперпосилання змінює колір, щоб забезпечити підказку.
Другий шаблон призначений для тих випадків, коли видима частина гіперпосилання являє собою малюнок. Якщо для останнього визначена рамка, то вона теж змінює колір при використанні. Якщо посилання вказує на малюнок, який знаходиться на локальному диску, вона обов'язково повинна починатися зі слова «file», тобто містити вказівку на схему доступу:
file: / / Диск: \ Шлях до файлу
або
file: / / / Диск: / Шлях до файлу
Подібно багатьом іншим елементам мови, елемент А вимагає використання атрибутів. Атрибут гіперпосилання такий:
''URL''
або
''Протокол: / / Адреса посилання''
Наприклад:
''Http://www.netscape.com''
Кодове слово, що стоїть спочатку URL7, позначає так звану схему доступу. Вона визначає тип сервера, доступний за допомогою даної посилання. Для користувача це представляється як доступ до однієї з «різновидів» Internet. У цьому сенсі можна сказати, що Internet - це як би кілька мереж в одній. У кожної з них існують свої правила доступу, переваги, недоліки, свої прихильники і супротивники. Але всі її клієнти використовують одні й ті ж канали зв'язку. Схожа ситуація спостерігається і в звичайних телефонних мережах. Їх можна використовувати для зв'язку голосом, передачі факсів, межкомпьютерной зв'язку і т. д.
Головна особливість web-сторінок полягає в тому, що будь-яка з них може дозволити перейти до іншої сторінки, що знаходиться на тому ж комп'ютері або в Інтернет. Виглядає це наступним чином: фрагмент документа (текст, зображення або інший об'єкт) виділяється особливим чином, при перегляді сторінки можна, клацнувши мишею по цьому фрагменту змусити браузер завантажити іншу сторінку, адреса якої записується в тексті HTML-документа. З цієї причини вміст сторінок називається гіпертекстом.
Для виділення фрагмента, що є посиланням, використовується контейнер (від слова anchor - якір). Найбільш важливий атрибут тега - це HREF, як значення якого записується адреса сторінки, на яку потрібно перейти. Нижче наведено приклад вставки гіперпосилання:
Клацніть сюди, щоб перейти на головну сторінку web-сайту ВДПУ
В якості адреси в атрибуті HREF записується або повний URL сайту або сторінки, або ім'я файлу, що містить сторінку, якщо вона лежить на тому ж комп'ютері, що і початкова. Якщо сторінка лежить на тому ж комп'ютері, в тому ж каталозі, що і переглядається, то в HREF досить вказати ім'я файлу. Якщо ж вона лежить в іншому каталозі, то замість імені протоколу пишуть "file ://", а потім - повний шлях до файлу та його ім'я.
Приклади:
HREF = "main.html", HREF = "file: / / c: \ WebPages \ Book \ contents.htm".
Іноді сторінки можуть виявитися досить великими, і для пошуку потрібної інформації буде потрібно багато часу. У таких випадках розумно робити посилання в межах одного документа. Нехай, наприклад, у форматі HTML опублікована ціла книга, тоді її зміст можна виконати у вигляді посилань, клацнувши по потрібному посиланню можна швидко перейти до початку цікавить нас глави або частини книги.
Щоб зробити посилання в межах одного документа буде потрібно два кроки:
1. Наголошуємо на тому місце в документі, на яке пізніше зробимо посилання (встановлюємо "якір"). Для цього вставляємо в потрібне місце тег з атрибутом NAME. Як значення цього атрибуту записуємо в лапках ім'я для того місця, яке ми хочемо зазначити (краще латинськими літерами). Надалі браузер на ім'я буде шукати позицію, на яку вказувала посилання. Тег можна поставити відразу за відкриває тегом (контейнер у цьому випадку буде порожнім), а можна помістити перед закриваючим тегом який-небудь фрагмент документа, з ним і буде пов'язане ім'я, вказане в атрибуті NAME.
2. При додаванні посилання на "якір", встановлений в п. 1, в атрибуті HREF в лапках пишуть знак "#", за яким слідує ім'я якоря, наприклад: Глава 15.
7. Використання графіки в HTML-документах
Для того щоб способи приміщення ілюстрацій на web-сторінки були зрозумілішими, ця частина була оформлена в html-форматі.
3 Створення документів у стандарті HTML
3.1 Заголовки
Існує шість рівнів заголовків, які позначаються Н1 ... Н6. Тема рівня 1 самий великий, а рівень 6 забезпечує найменший заголовок. Для заголовків можна використовувати атрибут, що задає вирівнювання вліво, по центру або праворуч:
align =''left''
align =''center''
align =''right''
Заголовок1
Заголовок 2
Заголовок 3
Тема 4
Тема 5
Заголовок 6
Елемент FONT може з успіхом замінювати елементи заголовка Н1 ... Н6. Для останніх, наприклад, не передбачена можливість вказівки кольору букв. Щоб заголовок, створений на основі елемента FONT, добре виглядав, цей елемент необхідно комбінувати з іншими: CENTER, B, I, P і т. д.
3.2.Форматірованіе тексту і зміна стилів
Текст - єдиний об'єкт Web-сторінки, який не вимагає спеціального визначення. Іншими словами, довільні символи інтерпретуються за умовчанням як текстові дані. Але для форматування тексту існує велика кількість елементів.
Елемент абзацу (paragraph) - один з найкорисніших. Він дозволяє використовувати тільки початковий тег, так як наступний елемент Р позначає кінець попереднього і початок наступного абзацу. Кінцевий тег зручно використовувати в тих випадках, коли за змістом необхідно позначити кінець абзацу. Разом з елементом Р можна використовувати атрибут вирівнювання align.
Елемент, що забезпечує примусовий перехід на новий рядок. Він має тільки стартовий тег. У місці його розміщення рядок закінчується, а що залишився текст друкується з нового рядка.
Цей елемент, за своєю дією, є прямою протилежністю попередньому. Текст, укладений між його тегами, буде виведений в один рядок. Довга рядок не вміститься на екрані, і для її перегляду доведеться використовувати горизонтальну смугу прокручування.
Елемент для позначення тексту, що відформатував заздалегідь (divformatted). Мається на увазі, що текст буде виведений в тому вигляді, в якому він був підготовлений користувачем. Наприклад, враховуються символи кінця рядка, що з'явилося при наборі тексту у редакторі. У всіх інших випадках браузер ігнорує ці символи. Цей елемент зручно використовувати для демонстрації лістингів програм або для виведення текстових документів, переформатування яких може призвести до спотворення їх сенсу.
Позначення цитати. Цей елемент вимагає наявність кінцевого тега. Текст не зазнає ніяких змін, але абзац розташовується з відступом. До лапок цей елемент теж не має ніякого відношення: якщо в цитаті використовуються лапки, то вони повинні бути проставлені явним чином. В даний час використовують і інше написання цього елемента: BQ.
Елемент використовується для центрування тексту, а точніше, будь-якого вмісту. Не є загальновживаним.
Елемент, схожий на попередній. Він дозволяє вирівнювати вміст по лівому краю, по центру або по правому краю. Для цього стартовий тег повинен містити відповідний атрибут:
align =''left''
align =''center''
align =''right''
3.3 Фрейми
У цій частині ми розглянемо таку можливість мови HTML, як розбиття вікна браузера на декілька частин, в яких відображаються різні HTML-документи.
Вікно браузера завжди розбиваються на прямокутні кадри (традиційно, вони називаються по-англійськи, фреймами). Зовні розбиття нагадує таблицю: кадри шикуються в декілька "рядків", кожна з яких містить кілька прямокутних осередків, що містять окремі HTML-документи.
Для того щоб розбити документ на декілька прямокутників, замість контейнера BODY нам буде потрібно записати контейнер FRAMESET (набір фреймів). У теге потрібно вказати на скільки "рядків" і "стовпців" розбивається все вікно браузера. Це робиться за допомогою атрибутів ROWS (рядки) та COLS (стовпці). Зауважимо, що в цих атрибутах недостатньо вказати кількість рядків і стовпців, потрібні також їх розміри, наприклад у відсотках від розмірів вікна. У прикладі Frames \ F1.html це зроблено так: (всі вікно розбивається на дві однакові "рядка" і на три майже однакових стовпця).
Всередині контейнера FRAMESET перераховуються HTML-документи, які потрібно помістити в кадри (зліва направо, зверху вниз). Це робиться за допомогою послідовних тегів. Найважливіший атрибут тега - це SRC, значенням якого є URL документа, що розміщується в цей кадр.
Розміри фреймів в тезі можна вказувати не тільки у відсотках. Можна також вказати з в частинах, наприклад (по висоті вікно умовно розбито на 3 частини, перша "рядок" кадрів займає дві з них, друга - одну, по ширині є 6 умовних частин, "стовпці" займають, відповідно, 2, 1 і 3 частини).
Інший варіант - вказівка розмірів у точках, наприклад: COLS = "300,100,400". Можливо і змішане вказівку розмірів (точки - відсотки, точки - частини, частини - відсотки). Можна, наприклад, записати: COLS = "200,30%, 70%", що означає: перший "стовпець" завжди має ширину 200 точок, незалежно від розмірів вікна, другий займає 30% від решти частини ширини вікна, а третій - 70 % від цього залишку.
Зовнішній вигляд фреймів налаштовується за допомогою атрибутів тегів і. Нижче перераховуються ці атрибути і пояснюється їх призначення:
1. BORDERCOLOR (для и). Управляє кольором межі одного фрейму або всього набору фреймів. Значенням є або назву стандартного кольору, або числовий код (# RRGGBB).
2. BORDER (для). Визначає ширину всіх кордонів, що відокремлюють фрейми один від одного. Значення потрібно вказувати в точках.
3. NORESIZE (для). Цей атрибут не вимагає значення. Якщо він присутній, то користувач не може переміщати мишею кордон відповідного фрейму.
4. MARGINHEIGHT і MARGINWIDTH (для). Дозволяють вказати (в точках) розміри відступів від горизонтальної (і вертикальної) межі фрейму до вмісту HTML-документа, що лежить всередині цього фрейма.
5. SCROLLING (для). Коли документ HTML не поміщається цілком у відведений йому кадр, для можливості перегляду з'являються смуги прокручування фрейму. В атрибуті SCROLLING можна вказати, показувати чи смуги прокручування завжди (значення YES), тільки коли документ не поміщається у фрейм (AUTO), або не показувати ніколи (NO).
При бажанні можна домогтися того, щоб будь-якої фрейм замість звичайного HTML-документа містив би, у свою чергу, набір фреймів. Для цього достатньо замість тега помістити контейнер, в який вкладено теги. HTML дозволяє управляти роботою гіперпосилань так, щоб документ, на який вказує посилання відкривався не в цілому вікні, а тільки в одному фреймі.
Для того щоб посилання працювали саме так, потрібно виконати дві дії:
1. Фрейму, в який в подальшому потрібно поміщати документ, знайдений за посиланням, дають ім'я. Для цього використовують атрибут NAME тега.
2. При вставці посилання в HTML-документ іншого фрейму в тезі вказують атрибут TARGET (мета), значенням його є ім'я фрейма, в який потрібно помістити HTML-документ, вказаний в HREF.
Крім імен, які можна давати власним фреймах, існують і стандартні імена, заздалегідь відомі браузеру, а саме:
"_self" - Дозволяє відкривати документ за посиланням у тому ж фреймі, де знаходилася посилання
"_top" - Відкриває документ у всі вікно, де знаходилася посилання, руйнуючи при цьому всю структуру фреймів
"_parent" - У батьківському фреймі; це не зовсім те ж саме, що _top, оскільки фрейми бувають вкладеними; вся структура батьківського фрейму руйнується
"_blank" - У новому вікні браузера; старе вікно (що містить посилання) при цьому не знищується.
Висновок
Дана тема була обрана з кількох причин. Одна з найбільш істотних причин в тому, що за всесвітньою комп'ютерною мережею Internet майбутнє. І будь-яка людина усвідомлює, що знання Internet необхідно і йому. Але оскільки інформації в мережі досить велика кількість і вона "розкидана" по величезній кількості серверів, необхідно вміти і знати як її знаходити.
Мета моєї роботи - створення сторінки на мові програмування HTML для того, щоб допомогти адміністратору мережі Internet і будь-якому пересічному користувачеві знаходити серед величезної кількості інформації новини по найбільш популярним тематикам.
У роботу ввійшов матеріал заснований на матеріалі, який я шукав у бібліотеках.
Можна працювати на Web без знання мови HTML, оскільки тексти HTML можуть створюватися різними спеціальними редакторами і конвертерами. Писати безпосередньо на HTML неважко. Можливо, це навіть легше, ніж вивчати HTML-редактор або конвертер, які часто обмежені в своїх можливостях, містять помилки або проводять поганий HTML код, який не працює на різних платформах.
Мова HTML існує в декількох варіантах і продовжує розвиватися, але конструкції HTML ймовірніше за все будуть використовуватися і надалі. Вивчаючи HTML і пізнаючи його глибше, створюючи документ на початку вивчення HTML і розширюючи його наскільки це можливо, Ви зможете створювати документи, які можуть бути переглянуті багатьма браузерами Web, як зараз, так і в майбутньому. Це не виключає можливості використання інших методів, наприклад, метод розширених можливостей, наданий Netscape Navigator, Internet Explorer або деякими іншими програмами. Робота з HTML - це спосіб засвоїти особливості створення документів у стандартизованому мовою, використовуючи розширення, тільки коли це дійсно необхідно.
HTML був ратифікований World Wide Web Consortium. Він підтримується декількома широко поширеними браузерами, і, можливо, стане основою майже всього що має відношення до Web програмного забезпечення.
Бібліографія
1. Гончаров А. Самовчитель HTML. С.-Пб: Пітер, 2000.
2. Гончаров А. HTML в прикладах. С.-Пб.: Пітер, 2003.
3. Інформатика: Підручник / за ред. Н.В. Макарової. - М.: Фінанси і статистика, 2000. - 768 с.
4. Інформатика. Базовий курс. Підручник для Вузів / під ред. С.В. Симоновича. СПб.: Пітер, 2000.
5. Інформатика. Комп'ютерна техніка. Комп'ютерні технології. / Посібник під ред. О. І. Пушкаря. Київ Видавничий центр "Академія". 2001.
6. Комягина А.О. Сучасний самовчитель роботи на персональному комп'ютері. М.: ТРІУМФ, 2003.
7. Ковтанюк Ю.С., Солов'ян С.В. Самовчитель роботи на персональному комп'ютері. К.: Юніор, 2001.
8. Симонович С.В., Євсєєв Г.А. Практична інформатика. Навчальний посібник. М.: АСТпресс, 2001.
9. Симонович С.В., Євсєєв Г.А., Алексєєв А.Г. Спеціальна інформатика. Навчальний посібник. М.: АСТпресс, 2001.
10. Матросов А. HTML 4.0. М.: Справа, 2005.
11. Основи сучасних комп'ютерних технологій: Навчальний посібник / Під. ред. Хомоненко. С.-Пб.: КОРОНА, 2002.
12. Острейковскій В.А. Інформатика. М.: Вища школа, 2001.
13. Хеслоп П. HTML самого початку. С.-Пб: Санкт-Петербург, 2005.
14. Шафран Е. Створення Web сторінок. С.-Пб: Пітер, 2004.