Лабораторна робота №36 – 2 години

З дисципліни «Додрукарське опрацювання інформації»

На тему: «Мова XHTML. Форматування тексту. Спеціальні символи та лінія розриву»

Мета роботи: Створити повний ХНТМL документ з відформатованим текстом, спеціальними символами та лініями розриву.

Програмні та технічні засоби: текстовий редактор (Блокнот або Microsoft Word), браузер Internet Explorer.

Короткі теоретичні відомості

Форматування тексту

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

<em>...</em>

Виділяє текст курсивом. Наприклад: «Я дивився фільм King в кінотеатрі».

<strong...strong>

Виділення тексту напівжирним шрифтом. Наприклад: «Пройдіть вниз по проспекту, а потім поверніть вліво на світлофорі».

<code>...</code>

Цей елемент вказує на текст всередині коду зразка, і відображає його шрифтом фіксованої ширини (такий як Courier). Наприклад: «Server Side Includes are called with <!--#include virtual=”filename.html”-->».

<samp>...</samp>

Відображає зразок тексту, і працює так само, як елемент <code>, представлений шрифтом фіксованої ширини. Наприклад: «URL має вигляд http://jessey.net/».

<kbd>.. .</kbd>

Вказує на текст, який призначений для набирання користувачем. Наприклад: «Введіть наступну команду: ch dir a: в командному рядку.».

<var>...</var>

Очікує змінну, або те, що в результаті буде замінено на фактичне значення. Зазвичай в тексті воно виділено курсивом. Наприклад: «Відкрийте filename.html і редагуйте його.».

<dfn>...</dfn>

Виділяє визначення в тексті (зазвичай курсивом). Наприклад: «Такі елементи називаються логічними елементами!».

<cite>...</cite>

Вказує на короткі цитати або цитування. Наприклад: «Чізбургери є основними компонентами мого життя (Jessey, 2002)».

Крім цих логічних елементів існують також фізичні елементи стилю. Такі елементи, як <b>...</b> для напівжирного тексту та <і>...</і> для тексту курсивом є цілком легальними тегами, але інші фізичні теги такі, як <u>...</u> для підкресленого тексту, використовуються в XHTML на користь Cascading Style Sheets. XHTML-сторінка завжди повинна складатися тільки зі структури та змісту. Стиль і макет повинні бути виконані за допомогою CSS, і тому не будемо наводити жодних додаткових пояснень фізичних елементів стилю.

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

Дуже складно показати, як створювати спеціальні символи на сторінці, так як браузер буде конвертувати їх кодування у ці символи. Деякі символи, такі як "©" символ, можуть бути представлені на веб-сторінці за допомогою спеціального символу організації, тому що ASCII текст має обмежену підтримку цих видів знаків. Представлення символу складається з трьох частин: амперсанда "&", скороченої версії символу, який ви намагаєтеся представити (наприклад, "сору" для позначення авторських прав), і крапки з комою ";". Існує також декілька альтернатив, які забезпечують ще більший діапазон можливих символів.

Кількість спеціальних символів дуже велика. Ось лише деякі з них: