Організація тексту всередині документа

Деякі мітки не підкоряються двом основним правилам HTML: всі вони непарні, а деякі (так звані послідовний) до того ж повинні вводитися тільки маленькими буквами. Розташовуються непарні мітки всередині абзацу.

Одного разу в студену зимову пору

Сиджу за гратами в темниці сирій.

Дивлюся - піднімається повільно в гору

Вигодуваний в неволі орел молодий.

І простуючи важливо, в спокої чинному,

Мій сумний товариш, махаючи крилом,

У великих чоботях, в кожушку овчинному,

Криваву їжу клює під вікном.

мітка


описує ось таку горизонтальну лінію:

Мітка може додатково включати атрибути SIZE (визначає товщину лінії в пікселях) і / або WIDTH (визначає розмах лінії у відсотках від ширини екрану). У наступному прикладі наведена невелика колекція горизонтальних ліній.









Оскільки символи "<" и ">"Сприймаються браузерами як початок і кінець HTML-міток, виникає питання: а як показати ці символи на екрані? В HTML це робиться за допомогою послідовний (їх ще називають символьними об'єктами або ескейп-послідовностями). Браузер показує на екрані символ "<", когда встречает в тексте последовательность < (по первым буквам английских слов less than — меньше, чем). Знак ">"Кодується послідовністю gt; (За першими літерами англійських слів greater than - більше, ніж). Символ "" (амперсанд) кодується послідовністю - Подвійні лапки ( ") кодуються послідовністю". Крапка з комою - обов'язковий елемент послідовний. Крім того, всі букви, складові послідовність, повинні бути в нижньому регістрі (тобто маленькі). Використання міток типу "або - не допускається. послідовний визначені для всіх символів з другої половини ASCII-таблиці (куди, природно, входять і російські літери). Справа в тому, що деякі сервери не підтримують восьмібітного передачу даних, і тому можуть передавати символи з ASCII-кодами вище 127 тільки у вигляді послідовний.

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

Під фізичному стилем прийнято розуміти пряму вказівку браузеру на модифікацію поточного шрифту. Наприклад, все, що знаходиться між мітками і , буде написано жирним шрифтом. Текст між мітками і буде написаний похилим шрифтом. Дещо осібно стоїть пара міток і . Текст, розміщений між цими мітками, буде написаний шрифтом, що імітує друкарську машинку, тобто мають фіксовану ширину символу.

Від англійського emphasis - акцент.

Від англійського strong emphasis - сильний акцент.

Рекомендується використовувати для фрагментів вихідних текстів.

Від англійського sample - зразок. Рекомендується використовувати для демонстрації зразків повідомлень, що виводяться на екран програмами.

Від англійського keyboard - клавіатура. Рекомендується використовувати для вказівки того, що потрібно ввести з клавіатури.

Від англійського variable - змінна. Рекомендується використовувати для написання імен змінних.

Організація тексту всередині документа

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

Ненумеровані списки:

    .

Текст, розташований між мітками

    і
, сприймається як ненумерований список. Кожен новий елемент списку слід починати з мітки
  • . Наприклад, щоб створити список:

    необхідний ось такий HTML-текст:

    Увага. у мітки

  • немає парної закриває мітки.

    Нумеровані списки:

      .

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

    вийде ось такий список:

    Списки визначень:

    .

    Список визначень дещо відрізняється від інших видів списків. замість міток

  • в списках визначень використовуються мітки
    (Від англійського definition term - кожний термін) і
    (Від англійського definition definition - визначення визначення). Розберемо це на прикладі. Припустимо, у нас є цей HTML-тексту:

    Термін HTML (HyperText Markup Language) означає 'мову

    маркування гіпертекстів '. Першу версію HTML розробив співробітник

    Європейської лабораторії фізики елементарних частинок Тім Бернерс-Лі.

    Текстовий файл з розширенням * .htm (Unix-системи можуть

    містити файли з розширенням * .html).

    Цей фрагмент буде виведений на екран таким чином:

    Термін HTML (HyperText Markup Language) означає 'мову маркування гіпертекстів'. Першу версію HTML розробив співробітник Європейської лабораторії фізики елементарних частинок Тім Бернерс-Лі.

    Текстовий файл з розширенням * .htm (Unix-системи можуть містити файли з розширенням * .html).

    Увага. точно так же, як мітки

  • , мітки
    і
    не мають парних закривають міток. Якщо визначаються терміни досить короткі, можна використовувати модифіковану відкриває мітку
    . Наприклад, ось такий фрагмент HTML-тексту:

    Перша буква алфавіту

    Друга буква алфавіту

    Третя буква алфавіту

    буде виведений на екран приблизно так:

    Перша буква алфавіту

    Друга буква алфавіту

    Третя буква алфавіту

    Елемент будь-якого списку може містити в собі цілий список будь-якого виду. Число рівнів вкладеності в принципі не обмежена, однак зловживати вкладеними списками все ж не слід. Вкладені списки дуже зручні при підготовці різного роду планів і змістів.

    Елементи ненумерованого списку виділяються спеціальним

    символом і відступом зліва:

    Елементи нумерованого списку виділяються відступом зліва, а

    Цей вид списків трохи складніше, ніж два попередніх, але і

    виглядає більш ефектно.

    Пам'ятайте, що списки можна вбудовувати один в інший, але не

    слід закладати занадто багато рівнів вкладеності.

    Зверніть увагу, що всередині елемента списку може знаходитися

    кілька абзаців. Всі абзаци при цьому будуть мати однакову

    ліве поле.

    Форматований текст:

    . 

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

     і 
    (Від англійського preformatted - попередньо форматований), виводиться браузером на екран як є - з усіма пробілами, табуляцією і кінця рядка. Це дуже зручно при створенні простих таблиць.

    Текст з відступом:

    .

    Текст, укладений між мітками

    і
    , виводиться браузером на екран із збільшеним лівим полем.

    Схожі статті