3. Виды тегов. Правила написания атрибутов и тегов.

HTML-тег — в переводе с английского tag — помечать - символы, заключенные в угловые скобки и являющиеся элементами языка гипертекстовой разметки (HTML). Символы могут быть толок на английском языке (весь интернет на нем построен). Тег имеет вид

<strong></strong>

Это тег выделения текста жирным шрифтом. Теги имеют три вида:

Открывающий тег - тег, стоящий в начале. В рассмотренном выше примере тег <strong> является открывающим и стоит перед тем текстом, который нужно выделить.

Закрывающий тег - тег, стоящий в конце. Отличительной чертой служит слеш «/» перед символами в угловых скобках. Опять же обратимся к рассмотренному выше примеру. Тег </strong> является закрывающим и стоит после текста, который следует выделить жирным

Одиночные теги — теги, которые не имеют закрывающего тега. Примером может служить <br /> Вот пример открывающего и закрывающего тега:

<strong></strong>

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

Атрибуты всегда пишутся в открывающем теге и после символов самого тега. Можно написать в одном теге несколько атрибутов в любом порядке. Атрибуты вы можете найти на сайте валидатора W3C (про который я напишу чуть ниже). Итак, вот пример тега font с атрибутом size:

<font size="5"> Текст</font>

Данный атрибут в теге font изменяет размер заключенного в теги Текста .

Если вы откроете исходный код страницы, то увидите, что место, где находится большое слово «Текста» имеет вид

<font size="5"> Текста </font>

Вы уже увидели как пишутся атрибуты. Ровно также они пишутся и в других тегах: сначала пишем сам атрибут (в данном случае size), затем ставим «=» и заключаем параметр атрибута в двойные кавычки. Параметры атрибутов вы сможете найти все на том же сайте консорциума всемирной паутины.

4. Основные теги разметки. Основные теги html

Разметка текста

Выделяют для вида разметки:

логическая разметка - определяет, какую роль играет фрагмент в тексте (например, заголовок)

физическая разметка - определяет, как именно будет отображаться элемент (например, жирный шрифт размером 18pt)

5. Логические и физические стили, их применение.

В HTML существует два подхода к шрифтовому выделению текста - т.н. физический и логический стили.

Физические стили.

Под физическими стилями подразумевают прямое указание браузеру на модификацию текущего шрифта. Т.е. между тэгами <B> и </B> будет жирный шрифт, а между <I> и </I> - курсив (наклонный).

<B> - жирный шрифт;

<I> - курсив;

<TT> - шрифт фиксированной ширины (как на пишущей машинке);

<U> - подчеркнутый текст;

<STRIKE> - перечеркнутый шрифт;

<S> - тоже перечеркнутый шрифт;

<BIG> - шрифт большего размера;

<SMALL> - шрифт меньшего размера.

Шрифты могут комбинироваться. Например, используя такой текст

<B><I>пример</I></B>

мы получим комбинацию жирного и наклонного шрифтов: пример.

Логические стили.

Используя логические стили, вы не можете точно знать, что увидит на экране читатель. Разные браузеры толкуют одни и те же метки логических стилей по разному. Например, <STRONG> обычно выделяет текст жирным шрифтом, но кто-то из читателей захочет, возможно, чтобы в данном случае текст выделялся цветом. Таким образом логические стили дают большую свободу в выборе шрифтов пользователю.

<DFN> - служит для описания определений (это определение);

<EM> - служит для выделения текста (это выделенное слово);

<CITE> - служит для выделения цитат (это цитата);

<CODE> - служит для выделения программных кодов, текстов программ и т.п. Обычно выделяется шрифтом фиксированной ширины (это текст программы);

<KBD> - используется для ввода с клавиатуры пользователя (Введите password );

<SAMP> - используется для вывода машинных сообщений (Segmentation fault: core dumped);

<STRONG> - служит для особого выделения текста, обычно выделяется жирным текстом (это очень важный текст);

<VAR> - используется для символьных переменных (это переменная);

<ABBR> - используется для аббревиатур (СНГ, КПСС, WWW);

<ACRONYM> - используется для сокращений (стр., англ.).

Элементы <ABBR> и <ACRONYM> могут содержать аттрибут <TITLE>, описывающий расшифровку аббревиатуры или сокращения:

<ABBR TITLE="World Wide Web">WWW</ABBR>

Элементы ABBR и ACRONYM используются для голосовых браузеров (для слепых, например), в остальных браузерах сокращения каким-либо шрифтом не выделяются.