69686

ФОРМАТУВАННЯ ТЕКСТУ

Доклад

Информатика, кибернетика и программирование

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

Украинкский

2014-10-08

107.5 KB

0 чел.

Тема 5: ФОРМАТУВАННЯ ТЕКСТУ

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

- початок абзацу і кінець рядка;

стилі заголовків;

фізичні стилі;

логічні стилі;

списки;

спеціальні символи.

Тег управління абзацом

Початок абзацу

<Р>...</Р> - позначає початок і кінець нового абзацу.

Атрибути тега <Р>

ALIGN=LEFT | RIGHT |  CENTERUUSTIFY - вирівнює текст всередині абзацу.

ПРИКЛАД запису тега абзацу з атрибутом:

ALIGN= JUSTIFY> - абзац вирівнюється по ширині.

Тег управління переходом на новий рядок

Тег <BR> - розпочинає новий рядок тексту в межах поточного

абзацу.

Примусове переведення рядка використовується для того, щоб порушити стандартний порядок відображення тексту.

Теги змістового виділення тексту

<BLOCKQUOTE>...</BLOCKQUOTE> - дозволяє розміщувати текст на рівній відстані від меж екрана і створювати відступи ліворуч і праворуч.

Тег додає поля ліворуч і праворуч від тексту і дозволяє розташувати текст компактно у центрі сторінки. При використанні <BLOCKQUOTE > декілька разів текст дедалі більше стискається

до центра.

<СІТЕ>....</СІТЕ> - розмічає текст як цитату, як правило, курсивом.

Теги стильового виділення тексту

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

Тег Значення

<І> </І> курсив (ITALIC)

<В>..</В> жирний шрифт (BOLD)

<ТТ>... </ТТ> телетайп

<U>. ..</U> підкреслений

<S>...</S> перекреслений текст

BIG >... </ BIG > збільшений шрифт

SMALL >...</ SMALL >       зменшений шрифт

SUB >...</ SUB > підрядкові символи

<SUP >      </ SUP >     надрядкові символи

ПРИКЛАДІ

Файл у форматі HTML:

<HTML>

<HEAD>

<TITLE>Moя перша HTML-CTopiHкa</TITLE>

</HEAD>

<BODY>

<P ALIGN=CENTER>

УКРАЇНСЬКА МИНУВШИНА <BR>

Етнографічний довідник </Р>

</BODY>

</HTML>

Відображення файла програмою-броузером:

ПРИКЛАД 2

Файл у форматі HTML:

<HTML>

<HEAD>

<ТІТТЕ>Моя перша НТМЬ-сторінка</ТІТЬЕ>

</HEAD>

<BODY>

ALIGN=CENTER>

<В>УКРАЇНСЬКА МИНУВШИНА </B><BR>

<І>Етнографічний довідник</І><ВК>

<U>До читача</U> </Р>

</BODY>

</HTML>

Відображення файла програмою-броузером:

Контекстні підказки

Для пояснення змісту терміна при наведенні на нього мишкою використовується тег: <ACRONYM title= «пояснювальний текст»> Термін </ACRONYM>.

ПРИКЛАД

Файл у форматі HTML:

<HTML>

<ТІТЬЕ>Моя перша НТМЬ-сторінка</ТІТЬЕ>

<BODY>

<ACRONYM title=«Енциклопедія традиційної культури та побуту українців. Містить відомості про забуті способи ведення домашнього господарства, хатнє начиння, народну моду»>

AUGN=CENTER><B>yKPAIHCbKA МИНУВШИНА</В></Р>

</ACRONYM>

</BODY>

</HTML>

Відображення файла програмою-броузером:

Коментарі і спеціальні символи

Для додавання коментарів у HTML-документи використовується контейнер  <!— текст коментаря—>.

ПРИКЛАД

<!—Це перший варіант сторінки, створений 31/12/2000 —>.

Усі символи, розташовані між дужками, будуть ігноруватись броузером. Вставкою коментарів можна скористатись у процесі відпрацювання і перевірки створеного HTML-документа для ігнорування команд.

Якщо необхідно ввести символ, якого немає на клавіатурі, або символ, вже зарезервований в розмітці HTML-документа (наприклад, кутові дужки), необхідно ввести спеціальну послідовність символів. Для введення спеціальних символів у документ застосовується конструкція: &ІМ'Я СИМВОЛА. Після цієї послідовності ставиться знак «крапка з комою», щоб відділити закінчення символу і початок тексту.

Спеціальні символи використовуються для відображення елементів математичних символів (наприклад: &frac34 це 3/4), рідкісних символів національних алфавітів і загальноприйнятих символів (&сору; - це ©, &reg; - це ®)*.

ПРИКЛАД

ALIGN=RIGHT>&copy Всі права застережені. Посилання обов'язкові.<Р>

Відображення програмою-броузером: