Теги, делающие текст заголовками

<h1> </h1>

…

<hn </hn>

<H1> — заголовок первого уровня

<H2> — заголовок второго уровня

<H3> — заголовок третьего уровня

<H4> — заголовок четвертого уровня

<H5> — заголовок пятого уровня

<H6> — заголовок шестого уровня

Эти теги выделяют текст в виде заголовков. Т.е. каждый заголовок

начинается с новой строки, выделен полужирным шрифтом и имеет свой размер (заголовок первого уровня самый большой, шестого - самый маленький). Эти теги могут использоваться с параметром горизонтального выравнивания align. Возможные значения этого параметра:

left - слева, right - справа, center - по центру, jastify - по ширине.

Теги разделения на абзацы и переноса строки

Тег <br>- тег принудительного перевода строки. Тег ставится в том месте, где требуется осуществить перенос. Текст, после этого тега начинается с новой строки.

Теги <p></p> разделяют текст на абзацы. Перед началом каждого абзаца следует поместить тег <p>, закрывающий тег не обязателен. В отличии от тега абзацы отделяются друг от друга пустой строкой. У тега есть параметр align, который задает способ выравнивания текста внутри параграфа. Возможные значения этого параметра: left - слева, right - справа, center - по центру, jastify - по ширине.

Теги оформления текста - это теги, которые позволяют создать структуру текста – определить его заголовки, абзацы и.т.д

Теги, выделяющие текст курсивом

<I> — контейнерный тег, превращающий в курсив текст, заключенный в контейнер — </I>

Теги, выделяющие текст полужирным шрифтом

<B>—контейнерный тег, придающий жирность тексту, заключенному в контейнер — </B>

Теги, выделяющие текст подчеркиванием

<U> — контейнерный тег, позволяющий подчеркнуть текст, заключенный в контейнер — </U>

Теги <b>, <i>, <u> применяются в HTML чаще всего

Для тега <i> логическим аналогом является тег <em>. А для тега <b> подобным аналогом выступает тег <strong>. Визуально действие этих пар аналогичных тегов неотличимо. Но разница между логическими и физическими тегами все же есть. Физическими тегами текст обычно выделяют для посетителей. А вот логические теги применяются в тех случаях, когда нужно акцентировать внимание поисковика на том или ином слове (фразе). Такой прием очень сильно помогает при раскрутке. Выделяя тегами логического форматирования ключевые слова, вы даете понять поисковой машине, что перед ней именно "ключевики". И когда пользователь наберет в строке поиска фразу, близкую к вашим "ключам", поисковик предложит вашу страничку, как один из результатов поиска.

Теги, выводящие текст в верхнем и нижнем индексах

 выводят текст ниже уровня строки шрифтом меньшего размера

 выводят текст выше уровня строки шрифтом меньшего размера.

Удобны для вывода математических и химических формул

Тег font

<FONT> — контейнерный тег оформления текста, предназначенный для изменения размера, цвета и гарнитуры текста, помещенного в контейнер — </FONT>

Тег выполняет свои функции за счет параметров, каждый из которых отвечает за одно из вышеперечисленных свойств текста. При отсутствии параметров тег не производит никакого воздействия на текст.

Параметры:

size — параметр, позволяющий поменять размер текста, заключенного в контейнер тега. Может принимать значения от 1 до 7 условных единиц. По умолчанию равен трем. Чем выше значение, тем, соответственно, больше размер шрифта.

color — параметр, позволяющий поменять цвет текста, заключенного в контейнер.

face — параметр, позволяющий поменять гарнитуру текста, заключенного в контейнер.

Например, можно задать гарнитуру Arial или Times New Roman, а также любые другие шрифты, установленные на компьютер пользователя.

<font face="Arial" size="7" color="#ff0000">Самый большой шрифт</font>

Тег center -предназначен для выравнивания всех элементов внутри него по центру окна браузера <centr></centr>

Списки.

Язык HTML предлагает авторам несколько механизмов создания списков информации. В каждом списке должен быть один или несколько элементов списков. Списки могут содержать:

• Неупорядоченную информацию.

• Упорядоченную информацию.

• Определения.

Списки могут быть вложенными, разные типы списков можно использовать вместе.

Неупорядоченные списки (UL)

Начальный тег: обязателен, Конечный тег: не обязателен

Определения атрибутов

type - Нежелателен. Этот атрибут устанавливает стиль элемента списка. Возможные значения: disc, square и circle. Значение, используемое по умолчанию, зависит от уровня вложенности текущего списка. Эти значения не учитывают регистр. Использование атрибута type нежелательно, и стили списков должны определяться с помощью таблиц стилей.

compact - Нежелателен. Если этот логический атрибут установлен, он сообщает браузерам о том, что генерировать список нужно более компактно.

Упорядоченные списки (OL)

Начальный тег: обязателен, Конечный тег: обязателен

Определения атрибутов

type - Нежелателен. Этот атрибут устанавливает стиль элемента списка. Возможные значения атрибута type приведены в следующей таблице (они учитывают регистр):

Type Стиль нумерации

1 арабские цифры 1, 2, 3, ...

a буквы нижнего регистра a, b, c, ...

A буквы верхнего регистра A, B, C, ...

i римские цифры в нижнем регистре i, ii, iii, ...

I римские цифры в верхнем регистре I, II, III, ...

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

start - Нежелателен. Этот атрибут задает начальный номер первого элемента в упорядоченном списке. По умолчанию начальный номер - «1». Хотя значением этого атрибута является целое число, соответствующая метка может быть нецифровая. Если в качестве стиля выбраны латинские буквы верхнего регистра (A, B, C, ...), start=3 означает «C». Если в качестве стиля выбраны римские цифры нижнего регистра, start=3 означает »iii » и т.д.

compact - Нежелателен. Если этот логический атрибут установлен, он сообщает браузерам о том, что генерировать список нужно более компактно.

Элементы списков (LI)

Начальный тег: обязателен, Конечный тег: обязателен

Определения атрибутов

value - Нежелателен. Этот атрибут устанавливает номер текущего элемента списка. Pначением атрибута является целое число, соответствующая метка может быть нечисловая.

Списки определений: элемент DL

Начальный тег: обязателен, Конечный тег: обязателен

Списки определений незначительно отличаются от других типов списков - тем, что элементы состоят из двух частей: термина и определения. Термин обозначается с помощью элемента DT и может иметь только встроенное содержимое.

Списки определений: элементы DT и DD

Начальный тег: обязателен, Конечный тег: не обязателен

Описание указывается с помощью элемента DD, имеющим содержимое уровня блока.

Таблицы.

Модель таблиц HTML позволяет авторам упорядочивать данные - текст, форматированный текст, изображения, ссылки, формы, поля форм, другие таблицы и т.д. - в строки и столбцы ячеек.

Таблица HTML состоит из строки и ячеек в ней. При описании таблицы сначала задается тег строки (TR), а в нем последовательно указываются ячейки и их содержимое (тег TD).

Не следует использовать таблицы только как средство компоновки содержимого документа, поскольку это может вызвать проблемы при генерации для невизуальных средств.

Элементы построения таблиц

Элемент TABLE

Элемент TABLE содержит все другие элементы, определяющие заголовок, строки, содержимое и форматирование. Это контейнер для всех остальных тегов.

Начальный тег: обязателен, конечный тег: обязателен

Определения атрибутов

align - Нежелателен. Этот атрибут задает положение таблицы относительно документа. Допустимые значения:

· left - Таблица находится в левой части документа.

· center - Таблица находится в центре документа.

· right - Таблицы находится в правой части документа.

width- определяет необходимую ширину всей таблицы и предназначен для визуальных объектов пользователей. Если значение указано в процентах, это означает долю в процентах от доступного горизонтального пространства. Если ширина не указана, она определяется браузером в соответствии с содержимым таблицы.

height - определяет необходимую высоту всей таблицы и предназначен для визуальных объектов пользователей. Если значение указано в процентах, это означает долю в процентах от доступного горизонтального пространства. Если высота не указана, она определяется браузером в соответствии с содержимым таблицы.

Rules - управляет отображением границ ячеек таблицы. По умолчанию браузеры скрывают эти границы, как и рамку вокруг таблицы. Но если использовать атрибут border со значением больше нуля, то границы будут отрисованы вокруг каждой ячейки. Но в отличие от рамки таблицы — толщину границ ячеек нельзя изменить, она всегда равна одному пикселю.

Допустимые значения:

· all — Все границы ячеек отображены.

· none — Все границы скрыты.

· groups — Границы отображаются только между группами рядов и столбцов, которые создаются тегами <TBODY>, <TFOOT>, <THEAD>, <COL>, <COLGROUP>.

· rows — Границы только между рядами (горизонтальные).

· cols — Только между столбцами (вертикальные).

Значение по умолчанию: all — если присутствует атрибут border и его значение не равно нулю, в противном случае — none.

Не нашли, что искали? Воспользуйтесь поиском по сайту: