Тут повинен розташовуватися оригінальний текст Web-сторінки
Перехід в початок документа
Усередині подібної конструкції можна поміщати і теги: вони не будуть сприйматися браузером.
Одним із принципів мови є багаторівневе вкладення елементів. HTML є самим зовнішнім, так як між його стартовим і кінцевим тегами повинна знаходитися вся Web-сторінка. В принципі, цей елемент можна розглядати як формальність. Він має атрібути4 version, lang і dir, якими в даному випадку мало хто користується і допускає вкладення елементів HEAD, BODY і PLAINTEXT, що визначають загальну структуру Web-сторінки. Природно, що кінцевим тегом закінчуються всі гіпертекстові документи.
Область заголовка Web-сторінки. Іншими словами, її перша частина. Так само як і HTML, HEAD служить тільки для формування загальної структури документа. Цей елемент може мати атрибути lang і dir і допускається вкладення елементів TITLE, ISINDEX, BASE, NAME, LINK, NEXTID.
Опис стилю деяких елементів Web-сторінки. У вище наведеному прикладі призначені шрифти для елементів Н2 і CODE. Природно, що для кожного елемента існує стильове оформлення за замовчуванням, тому вживання STYLE не обов'язково.
Дата, що позначає «термін придатності» документа:
Вказівка додатки, в якому був створений Web-документ:
Атрибут name використовується додатком-клієнтом для отримання додаткової інформації про Web-сторінки і їх упорядкування. Цей атрибут часто замінюють атрибутом http-equiv. Він використовується сервером для створення додаткових полів при виконанні запиту.
Крім цього, елемент NAME може містити URL. Шаблон відповідного атрибута такий:
Один з найбільш корисних для дизайну - атрибут, що визначає фон сторінки. Його поява можна уподібнити маленької революції в WWW, так як однакові сірі Web-сторінки завдяки йому розцвіли яскравими кольоровими візерунками:
background = '' Шлях до файлу фону ''
Більш просте оформлення фону зводитися до завдання його кольору:
Колір фону задається трьома дворозрядними шестнадцатерічнимі числами, які визначають інтенсивність червоного, зеленого і синього кольорів відповідно.
Обидва перерахованих вище ознаки не є альтернативними і часто використовуються спільно.
Оскільки фон сторінки може змінюватися, необхідно мати можливість підбирати відповідний колір тексту. Для цього є наступний атрибут:
Для завдання кольору гіперпосилань використовується атрибут:
Також можна задати колір для використаних гіперпосилань:
Гіпертекст, розташований всередині елемента BODY, може мати довільну структуру. Її визначають в першу чергу призначення Web-сторінки і фантазія розробника.
HTML-документ може бути дуже великим, і в цьому випадку користувачеві повинна бути надана можливість швидко переміщатися до потрібного розділу сторінки. Для цього можна використовувати механізм гіперпосилань. Необхідно також в потрібних місцях тексту розставити відповідні мітки.
У вираженні абсолютної посилання можна також опустити вказівку на схему доступу (file: //). В цьому випадку будуть враховуватися тільки ліва частина абсолютного посилання до першого лівого символу <\>, тобто ім'я локального диска.
Існує два шаблони для створення гіпертекстових посилань.
file: // Диск: \ Шлях до файлу
file: /// Диск: / Шлях до файлу
Подібно до багатьох інших елементів мови, елемент А вимагає використання атрибутів. Атрибут гіперпосилання такий:
Клацніть сюди, щоб перейти на головну сторінку web-сайту ВДПУ
Щоб зробити посилання в межах одного документа буде потрібно два кроки:
2. При додаванні посилання на "якір", встановлений в п. 1, в атрибуті HREF в лапках пишуть знак "#", за яким слідує ім'я якоря, наприклад: Глава 15.
7. Використання графіки в HTML-документах
Для того щоб способи приміщення ілюстрацій на web-сторінки були більш зрозумілі, ця частина була оформлена в html-форматі.
Існує шість рівнів заголовків, які позначаються Н1. Н6. Тема рівня 1 найбільший, а рівень 6 забезпечує найменший заголовок. Для заголовків можна використовувати атрибут, що задає вирівнювання вліво, по центру або вправо:
Елемент FONT може з успіхом замінювати елементи заголовка Н1. Н6. Для останніх, наприклад, не передбачена можливість вказівки кольору букв. Щоб заголовок, створений на основі елемента FONT, добре виглядав, цей елемент необхідно комбінувати з іншими: CENTER, B, I, P і т. Д.
Текст - єдиний об'єкт Web-сторінки, який не вимагає спеціального визначення. Іншими словами, довільні символи інтерпретуються за замовчуванням як текстові дані. Але для форматування тексту існує велика кількість елементів.
Елемент абзацу (paragraph) - один з найкорисніших. Він дозволяє використовувати тільки початковий тег, так як наступний елемент Р позначає кінець попереднього і початок наступного абзацу. Кінцевий тег зручно використовувати в тих випадках, коли за змістом необхідно позначити кінець абзацу. Разом з елементом Р можна використовувати атрибут вирівнювання align.
Елемент, що забезпечує примусовий перехід на новий рядок. Він має тільки стартовий тег. У місці його розміщення рядок закінчується, а залишився текст друкується з нового рядка.
Позначення цитати. Цей елемент вимагає наявність кінцевого тега. Текст не зазнає ніяких змін, але абзац розташовується з відступом. До лапок цей елемент теж не має ніякого відношення: якщо в цитаті використовуються лапки, то вони повинні бути проставлені явним чином. В даний час використовують і інше написання цього елемента: BQ.
Елемент використовується для центрування тексту, а точніше, будь-якого вмісту. Чи не є загальновживаним.
Елемент, схожий на попередній. Він дозволяє вирівнювати вміст по лівому краю, по центру або по правому краю. Для цього стартовий тег повинен містити відповідний атрибут:
У цій частині ми розглянемо таку можливість мови 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-документа, що лежить всередині цього фрейму.
Для того щоб посилання працювали саме так, потрібно виконати дві дії:
1. Фрейда, в який в подальшому потрібно поміщати документ, знайдений за посиланням, дають ім'я. Для цього використовують атрибут NAME тега.
2. При вставці посилання в HTML-документ іншого фрейма в тезі вказують атрибут TARGET (мета), значенням його є ім'я фрейма, в який потрібно помістити HTML-документ, зазначений в HREF.
Крім імен, які можна давати власним фреймам, існують і стандартні імена, заздалегідь відомі браузеру, а саме:
"_parent" - в батьківському фреймі; це не зовсім те ж саме, що _top, оскільки фрейми бувають вкладеними; вся структура батьківського фрейма руйнується
"_blank" - в новому вікні браузера; старе вікно (що містить посилання) при цьому не знищується.
Дана тема була обрана з кількох причин. Одна з найбільш істотних причин в тому, що за всесвітньою комп'ютерною мережею Internet майбутнє. І будь-яка людина усвідомлює, що знання Internet необхідно і йому. Але так як інформації в мережі досить велика кількість і вона "розкидана" по величезній кількості серверів, треба вміти і знати як її знаходити.
Мета моєї роботи - створення сторінки на мові програмування HTML для того, щоб допомогти адміністратору мережі Internet і будь-якого пересічному користувачеві знаходити серед величезної кількості інформації новини по найбільш популярним тематикам.
У роботу увійшов матеріал заснований на матеріалі, який я шукав в бібліотеках.
HTML був ратифікований World Wide Web Consortium. Він підтримується декількома широко поширеними браузерами, і, можливо, стане основою майже всього що має відношення до Web програмного забезпечення.