Основные элементы языка HTML 1. БЛОЧНЫЕ ЭЛЕМЕНТЫ (block-level elements) Некоторые элементы HTML, которые могут присутствовать внутри тега BODY, называются "блочными элементами", они занимают область страницы, "не пуская" в свою область элементы, следующие за ними. 1.1. Заголовки Существует шесть уровней заголовков - от H1 (наиболее важный) до H6 (наименее важный). Все заголовки имеют полужирное начертание и отступы сверху и снизу. Примеры заголовков: Заголовок 1 уровня Заголовок 2 уровня Заголовок 3 уровня Заголовок 4 уровня Заголовок 5 уровня Заголовок 6 уровня 1.2. Элементы P и DIV Элемент P создает абзац. В нем не могут содержаться элементы уровня блока (включая и сам элемент P). Также нежелательно использовать пустой элемент P, так как браузеры игнорируют пустые элементы P. Элемент P добавляет пустые сроки вначале и в конце абзаца. Элемент DIV создает абзац, но без добавления пустых строк. Он может содержать как внутренние элементы, так и блочные. Наряду с элементом DIV часто используется элемент SPAN, определяющий информацию уровня текста. 1.3. Форматирование текста с помощью элемента PRE Элемент PRE сообщает визуальным агентам пользователей, что содержащийся в нем текст уже "отформатирован". Браузеры отобразят все символы, спецсимволы и переводы строк точно так, как в исходном документе. __ __ / \.-"""-./ \ \ - - / | o o | \ .-'''-. / '-\__Y__/-' `---` 2. Спецсимволы Спецсимволы используются в тех случаях, когда использование обычных символов невозможно или нежелательно. 3. Элементы внутренней разметки (inline elements) 3.1. Элемент FONT Элемент FONT изменяет размер, цвет и шрифт для текста. Начиная с версии HTML 4.0 перенесен в категорию "нежелательные элементы" (deprecated) и подлежит замене на элемент SPAN. 3.1.1. Атрибут SIZE: размер текста SIZE=1; SIZE=2; SIZE=3-обычный текст; SIZE=4; SIZE=5; SIZE=6; - заголовок H1 SIZE=7; 3.1.2. Атрибут COLOR: цвет текста Red = "#FF0000" : пример текста Green = "#008000" : пример текста Blue = "#0000FF" : пример текста Black = "#000000" : пример текста Gray = "#808080" : пример текста Silver = "#C0C0C0" : пример текста 3.1.3. Атрибут FACE: шрифтовое оформление текста FACE=Arial,Verdana,sans-serif: пример текста FACE=Georgia,Times,serif: пример текста FACE=Courier,mono: пример текста FACE=Cursive: пример текста FACE=Fanrasy: пример текста 3.2. Элемент SPAN Элемент SPAN позволяет оформлять содержимое с использованием каскадных таблиц стилей. Пример: Обратите внимание на цвет и фон данного текста, а также на рамку вокруг него. 3.3. Начертание символов 3.3.1. Использование SUP, SUB, SMALL: Формула расчета энергии: E=mc2 Химическая формула воды H2O 3.3.2. Шрифтовые выделения: I: выделение курсивом B: выделение полужирным U: выделение подчеркиванием TT: выделение моноширинным. 3.2.3. Смысловые элементы ("phrase elements"): EM: Выделение STRONG: Более сильное выделение. CITE: Цитата или ссылка на другие ресурсы. CODE: Фрагмент компьютерного кода. LABS.ORG.RU