Лабораторная работа №1: Курсив

Текст, помещённый между дескрипторами <i> и </i>, отображается в броузере курсивом:

 

Лабораторная работа №2: Жирный шрифт и подчёркивание

Жирному шрифту соответствует дескриптор <b>, а подчёркиванию <u>:

 

 

В этом примере также был применён курсив.

Задание

Запишите строку текста с применением этих дескрипторов.

 

Глава 2. Абзацы

Лабораторная работа №1: Переход на новую строку

 

Абзацы в HTML размечаются с помощью дескриптора <p>.

 

 

Для того, чтобы вставить в текст «пустую» строку, используйте символ неразрывного пробела &nbsp;.

 

 

 

Лабораторная работа №2: Абзац с параметрами

У дескриптора <p> всего один параметр – align. Он принимает одно из четырёх значений – left, right, center, justify. Этот параметр «отвечает» за выравнивание текста – соответственно по левому или правому краю, по центру, или по ширине.

По умолчанию обычно текст выравнивается по левому краю, что соответствует коду

<p align=left>.

Сделаем выравнивание одного абзаца, например, по правому краю:

 

 

Задание

Сделайте выравнивание текста по центру и по ширине самостоятельно.

 

Лабораторная работа №3: Разрыв строки

Дескриптор <br> означает переход на новую строку, но не на новый абзац. При этом:

1) по умолчанию в новой строке сохраняется тип выравнивания, присвоенный всему абзацу;

2) расстояние между новой строкой и предыдущими строками абзаца равно расстоянию между остальными строками абзаца.

Для того, чтобы уменьшить расстояние между строками, замените дескриптор <p> дескриптором <br>. Дескриптор <br> - одиночный.

 

 

Глава 3. Служебные и «непечатные» символы

Лабораторная работа №1: Специальные символы

 

Кавычки.

1) «ёлочки» («») – правой и левой «ёлочкам» соответствуют коды &laquo; и &raquo;.

2) верхние“лапки” (“ ”) – соответствуют коды &ldquo; и &rdquo;.

3) рукописные “ лапки” (“) – соответствуют коды &bdquo; и &ldquo;.

 

Дефис и тире.

1) дефис – соответствует код &mdash;.

2) тире – соответствует код &ndash;.

 

 

Задание

Примените в тексте остальные виды кавычек и тире.

 

Лабораторная работа №2: Переносы

Всё, что находится внутри дескриптора <nobr>, должно поместиться в одной строке.

 

 

 

Если конструкция <nobr>…</nobr> не помещается в одной строке,

появляется горизонтальная полоса прокрутки.

 

Дескриптор <wbr> позволяет разместить места возможного перехода на новую строку внутри конструкции <nobr>…</nobr>:

 

 

 

 

Глава 4. Шрифты

Дескриптор <font> отвечает за параметры шрифта. Он парный и имеет три параметра: гарнитура, размер, цвет.

 

Лабораторная работа №1: Гарнитура

За эту характеристику «отвечает» параметр face:

 

 

Если значение параметра содержит пробел, его нужно заключить в кавычки:

 

Задание

Примените другие виды шрифтов.

 

Лабораторная работа №2: Размер

Размер шрифта задаётся с помощью параметра size от 1 до 7. Size=1 – самый мелкий шрифт, size=7 – самый крупный.

 

 

Задание

Примените другие размеры шрифтов.

 

Лабораторная работа №3: Цвет

Для изменения цвета текста предусмотрен параметр color:

 

 

Задание

Примените разные цвета к тексту.

 

Лабораторная работа №4: Другие параметры

Для зачёркнутого текста используются дескрипторы <strike> и <s>:

 

 

Глава 5. Фон

Заполнение страницы документа каким-либо цветом:

 

Вставить фоновое изображение в HTML-страницу можно следующим образом:

 

Задание

Примените к странице разные цвета фона и фоновые изображения.

 

Глава 6. Заголовки

Лабораторная работа №1: Уровни заголовков

Для разметки заголовков используются дескрипторы вида <hn>, где n – номер заголовка, от 1 до 6.

 

 

Лабораторная работа №2: Параметры заголовка

К дескрипторам заголовков применим тот же параметр align, что и к обычным абзацам.

Для форматирования текста используется дескриптор <font>.

 

 

 

Задание

Примените разные выравнивания и уровни заголовков. Сделайте форматирование текста.

 

Глава 7. Логическая разметка гипертекста

«Логические» дескрипторы не столько описывают видимые свойства текста, сколько обозначают его роль на странице.