31. Опишите последовательность создания абзацев, заголовков и установки размера шрифта в html.

При формировании Web-страниц часто требуется определить уровни заголовков. Существует шесть уровней, которые задаются тегами вида:

<H1>. . .</H1> - <H6>, . ,</H6>

Заголовок первого уровня - самый крупный, шестого уровня, естест­венно, самый мелкий.

<р>. . .</р> - такая пара тегов описывает абзац. Все, что заключено между <р> и </р>. воспринимается как один абзац. Закры­вающий тег может быть опущен.

Теги <h> и <р> могут содержать дополнительный атрибут align, обычно указывается одно из трех значений этого атрибута:

align=center - выравнивание по центру;

align=Ieft - выравнивание по левому краю;

align=rigbt - выравнивание по правому краю.

Например: <hl align=center>

HTML допускает два подхода к шрифтовому выделению фрагментов текста. С одной стороны, можно прямо указать, что шрифт на некотором участке текста должен быть жирным или наклонным, то есть изменить физический стиль текста. С другой стороны, можно пометить какой-либо фрагмент текста как имеющий некоторый отличный от нормального логи­ческий стиль, оставив интерпретацию этого стиля браузеру. Поясним это на примерах.

Под физическим стилем принято понимать прямое указание браузеру на модификацию текущего шрифта. К таким указывающим элементам от­носятся следующие теги:

<b>. . .</b> - полужирный текст; <i>.. .</i> - наклонный текст (курсив);

<tt>. . .</tt> - телетайпный текст (пишущая машинка); <и>. . .</и> - подчеркивание.

При использовании логических стилей автор документа не может знать заранее, что увидит на экране читатель. Разные браузеры толкуют одни и те же теги логических стилей по-разному. Некоторые браузеры иг­норируют отдельные теги вообще и показывают нормальный текст вместо выделенного логическим стилем. Вот самые распространенные логические стили.

<em>. . . </еm> - курсивное начертание (от английского emphasis - ак­цент); <strong> ..</strong> - полужирное начертание (от английско­го strong emphasis - сильный акцент) <cita>. . .</cita> - цитированный текст ^... - верхний индекс

<SUb>. . .</sub> - нижний нижний индекс

<big>. . .</big>-увеличить размер шрифта <small>. . .</small> - уменьшить размер шрифта.

32. Опишите последовательность создания таблиц в html.

Тег таблиц называется <table>. Вся таблица должна находиться внутри него, и при этом надо обязательно указывать закрывающий тег </table>.

Параметрами этого тега задается общий вид таблицы, ее цвет, толщина рамки и многое другое.

Сразу после <table> может идти заголовок таблицы, который будет отображаться над ней. Он помещается внутри <caption>...</caption>.

Далее уже начинается сама таблица. Для того чтобы создать новый ряд ячеек в таблице существует тег <tr> Для создания новой ячейки предназначен тег <td> или <th>. Количество ячеек (т.е. элементов <td> и <th>) должно быть одинаково в каждом ряду таблицы, т.е. внутри каждого тега <tr>. При этом, тег <th> задает ячейку, содержащую «заголовочную» информацию (выравнивание в данной ячейки – по центру, текст выводится полужирным начертанием), тег <td> задает ячейку с данными (выравнивание в ячейки – по левому краю)

Пример простейшей таблицы:

Ячейки таблицы можно объединять между собой с помощью атрибутов rowspan и colspan. Вот, как это выглядит: