Кращий підручник з html

World Wide Web складається з cледует основних засобів:
- HTML (Hypertext Markup Language) - мова розмітки гіпертексту,
- CGI (Common Gateway Interface) - загальний шлюзовий інтерфейс,
- HTTP (Hypertext Transfer Protocol) - протокол передачі гіпертекстових документів,

Структура HTML документа

Символи, взяті в кутові дужки (<и>) Є HTML командами, по яким браузер розпізнає, як потрібно перетворити частини тексту, укладені між цими командами. Документ в цілому повинен бути відзначений як документ в форматі HTML. Для цього він повинен починатися командою і закінчуватися командою .

Документ складається з 2 частин:
- Заголовка (HEAD),
- Власне документа (BODY).

Для виділення заголовка потрібно ввести:
заголовок документа

Кожен WWW - документ має назву, яка вводиться в титульної рядку браузера. Для введення титульного рядка в заголовок документа потрібно скористатися наступними командами:

заголовок документа

Для запису основного тексту потрібно ввести:
Основний текст

Таким чином, загальна схема документа в форматі HTML виглядає наступним чином:


заголовок документа

Основний текст

При написанні команд HTML не має значення малими або великими літерами Ви пишете.

Заголовки в документі створюються за допомогою команд:
Заголовок
причому при x = 1 заголовок самий великий, а при x = 6 - самий дрібний. наприклад,

Списки призначені для представлення інформації у впорядкованому вигляді.
У HTML - документах використовується 3 види списків:
- Невпорядкованими списки,
- Впорядкування списки,
- Списки - визначення.

Невпорядкований список використовує для виділення записів спеціальні символи.
Невпорядкований список визначається наступними командами початку і кінця списку:


    Кожен елемент списку починається з команди:

  • Нижче наводиться приклад невпорядкованими списку:

    Запис в форматі HTML

    • Рядок 1 списку
    • Рядок 2 списку
    • Рядок 3 списку


    • Рядок 1 списку
    • Рядок 2 списку
    • Рядок 3 списку

    В упорядкованому списку все записи пронумеровані.
    Упорядкований список визначається наступними командами початку і кінця списку:


      Кожен елемент списку починається з команди:

    1. Нижче наводиться приклад упорядочного списку:

      Запис в форматі HTML

    2. Рядок 1 списку
    3. Рядок 2 списку
    4. Рядок 3 списку


      1. Рядок 1 списку
      2. Рядок 2 списку
      3. Рядок 3 списку

      У списку - визначенні всі записи зрушені вліво за допомогою табуляції.
      Список - визначення визначається наступними командами початку і кінця списку:


      Кожен елемент списку починається з команди:

      Нижче наводиться приклад списку - визначення:

      Запис в форматі HTML

      Рядок 1 списку рядок 2 списку рядок 3 списку


      Рядок 1 списку
      Рядок 2 списку
      Рядок 3 списку

      У документі HTML неможливо створити абзац, використовуючи клавішу [Enter].
      Використання цієї клавіші покращує зовнішній вигляд початкового тексту, але не впливає на отримане зображення.
      Для переходу на наступний рядок скористайтеся командою
      .
      Для створення пустого рядка скористайтеся командою

      .
      Для створення горизонтальної смуги скористайтеся командою


      Якщо риса створюється не на весь рядок, а на яку - то її частина, наприклад, на 40%, то команда виглядає наступним чином:

      Для створення широкої смуги потрібно задати її ширину (за умовчанням - в пікселях)
      .
      Для вирівнювання риси вліво / вправо / ПО ЦЕНТРУ задйте відповідний атрибут .
      Чорна лінія задається наявністю атрибуту NOSHADE.

      Нижче наводяться приклади форматування рядків:

      Запис в форматі HTML

      Останній рядок параграфа

      Перший рядок нового параграфа

      Останній рядок параграфа


      Перший рядок нового параграфа

      Перший рядок тексту
      Другий рядок тексту

      Перший рядок тексту


      Другий рядок тексту

      Кінець секції Наступна секція

      кінець секції


      Наступна секція

      Тільки 40% ширини Наступна секція

      Тільки 40% ширини


      Наступна секція

      Товщина лінії Наступна секція

      Товщина лінії


      Наступна секція

      Зрушена вліво чорна лінія Наступна секція

      Зрушена вліво чорна лінія


      Наступна секція

      Ви можете розташувати текст по центру за допомогою таких команд:

      довільний текст
      . наприклад,
      HTML

      Виведення тексту в декілька стовпців

      Netscape 3.0 і вище підтримує виведення в декілька стовпців, в газетному форматі за допомогою команд .
      Нижче наводиться формат команд:Задається текст в шпальтах.
      Де N - це кількість стовпців, а M - відстань між стовпцями.
      Браузери, які не підтримують виведення в декілька стовпців, забезпечать виведення нормально, в один стовпець.

      Для виділення окремих частин тексту можна скористатися наступними стилями:
      - жирний (Bold),
      - курсив (Italic),
      - з підкресленням (Underline).

      Для виділення тексту жирним шрифтом скористайтеся командами: Bold

      Для виділення тексту курсивом скористайтеся командами: Italic

      Для виділення тексту підкресленням скористайтеся командами: Underline

      Нижче наводяться приклади форматування рядків:

      Запис в форматі HTML

      Код кольору задається в кодуванні RGB, тобто шість шістнадцяткових чисел.
      Важливо відзначити, що колір фону не відображається на папері, якщо розпечатати HTML - документа на друк.

      Нижче наводяться коди найпростіших кольорів:
      Білий = FFFFFF,
      Жовтий = FFFF00,
      Червоний = FF0000,
      Сірий = 808080,
      Синій = 0000FF,
      Зелений = 00FF00,
      Чорний = 000000,
      Пурпурний = CC33FF,
      Малиновий = FF00FF,
      Бірюзовий = 008080,
      Темно-синій = 000080,
      Коричневий = 808000,
      Блакитний = 00FFFF,
      Темно-зелений = 008000,
      Індиго = 800080,
      Темно-червоний = 800000.

      Для зміни кольору поточного тексту можна в будь-якому місці домашньої сторінки скористатися командами:
      Поточний текст

      Визначено декілька іменованих кольорів. Їх значення ми бачимо в таблиці:

      Запис в форматі HTML

      Мова HTML завжди зменшує кількість підряд розташованих пропусків до одного, незалежно від того, скільки пропусків було в початковому тексті. Для завдання необхідної кількості поспіль розташованих пропусків потрібно скористатися спеціальним символом пропуску:
      Наприклад, в наступному записі початкового тексту: AnbspnbspnbspB
      в видимій частині тексті між символами A і B буде 3 пропуски.
      Наприклад, для створення тексту

      в початковому тексті зтой сторінки записано: ltCENTERgt.

      Таблиця створюється за допомогою команд

      і
      .команда може мати такі атрибути:
      - UNITS - може приймати значення RELATIVE або PIXELS. Визначає одиниці вимірювання в інших атрибутах. За замовчуванням, UNITS = PIXELS.
      - BORDER - визначає лінії, що розмежовують клітки в таблиці. Ширина лінії задається командою BORDER = N.
      - CELLPADDING - Визначає мінімальний проміжок навколо вмісту таблиці.
      - BGCOLOR - Визначає колір фонового зображення в таблиці. У всіх таблицях даного документа я використовую BGCOLOR = BLACK.

      Є ще кілька команд, які задають колір обрамлення:
      - BORDERCOLOR,
      - BORDERCOLORDARK,
      - BORDERCOLORLIGHT,
      але вони використовуються тільки в Internet Explorer.
      Найпростіша таблиця складається з однієї клеткі.Команди

      визначають відповідно початок і кінець даних в клітці. Строго кажучи, команда не є обов'язковою, але я раджу нею користуватися для полегшення читання вихідного тексту.

      Приклад, таблиця задана в наступному вигляді:

      і


      Текст в таблиці

      При відображенні вона виглядає наступним чином:

      Текст в таблиці

      Рядок клітин створюється повторенням команд . приклад:





      вміст 1вміст 2вміст 3

      Відображається наступним чином:

      Схожі статті