Главная страница Случайная страница
КАТЕГОРИИ:
АвтомобилиАстрономияБиологияГеографияДом и садДругие языкиДругоеИнформатикаИсторияКультураЛитератураЛогикаМатематикаМедицинаМеталлургияМеханикаОбразованиеОхрана трудаПедагогикаПолитикаПравоПсихологияРелигияРиторикаСоциологияСпортСтроительствоТехнологияТуризмФизикаФилософияФинансыХимияЧерчениеЭкологияЭкономикаЭлектроника
Структура html-документа
|
|
Любой html-документ (страница) заключается между тегами < html> и < /html>, т.е. тег < html> открывает документ, а тег < /html> закрывает его
Между этими двумя основными распологается головная часть документа и его тело
В головной части документа (между тегами < head> и < /head>) описываются общие правила отображения документа в браузере и содержится вспомогательная информация о документе. В головной части документа всегда между парой тегов < title> и < /title> располагается имя документа, которое показывается в заголовке окна браузера
Между тегами < body> и < /body> (в теле документа) распологаются команды, следуя которым в окне браузера выводится текст, картинки, таблицы и т. д.
Например, могут использоваться команды:
< h1>...< /h1> — заголовок
< hr> — горизонтальная линия
< p>...< /p> — абзац
Таблица основных тегов языка HTML
| ТЭГИ | НАЗНАЧЕНИЕ |
| < html> < /html> | Указывает программе просмотра страниц, что это HTML документ. Данные тэги обрамляют документ |
| < head> < /head> | Определяет место, где помещается различная информация, не отображаемая в теле документа. Здесь располагается тег названия документа и теги для поисковых машин |
| < title> < /title> | Помещает название документа в оглавление программы просмотра страниц |
| < body> < /body> | Определяет видимую часть документа |
Для создания своей первой страницы недостаточно знать основные теги. Необходимо научиться форматировать текст соответствующим образом. Для этого используются теги для форматирования текста.
.
Определение цвета, размера и гарнитуры текста.
Для этой цели используется тег < font>. Для того, чтобы этот тег работал, в него надо добавить атрибуты: size, color, face.
Атрибут size. Выбор размера шрифта браузером в значительной степени произволен. Значениями атрибута size могут быть целые числа от 1 до 7. Стандартный размер по умолчанию – 3. Пример применения атрибута size: < p> < font size =5> управление размерами шрифтов < /font> < /p>. В теге < font> можно задавать относительные размеры шрифтов. Для этого перед значением размера добавляется знак «+» или «-», говорящие о том, что браузер должен увеличить или уменьшить размер шрифта по умолчанию на соответствующую величину.
Атрибут color. В браузерах используется 16 предопределенных цветов. Есть 2 способа представления цвета текста:
С помощью шестнадцатеричных чисел
С помощью имени цвета, определенного в спецификации языка.
Если шестнадцатеричные числа записываются как значения атрибута, то пред ними должен быть помещен символ «#».
| Цвет | шестнадцатеричное представление |
| black | |
| silver | C0C0C0 |
| gray | |
| white | FFFFFF |
| maroon | |
| red | FF0000 |
| purple | |
| fuchsia | FF00FF |
| green | |
| lime | 00FF00 |
| olive | |
| yellow | FFFF00 |
| navy | |
| blue | 0000FF |
| teal | |
| aqua | 00FFFF |
Атрибут face. Изменить гарнитуру шрифта можно с помощью атрибута, значениями которого являются предопределенные имена гарнитур. Шрифт с объявленной гарнитурой должен быть установлен на компьютере посетителя узла, иначе он не увидит его. В атрибуте face автор может определить несколько значений, разделив их запятыми. Браузер сначала ищет первый шрифт, затем, если не находит его, пытается найти второй и т.д.
Тэг basefont. Используется как средство задания размера, цвета и гарнитуры шрифта по умолчанию. Например
< body> < basefont face= “ARIAL” size= “3” color= “000000”> < /body>.
Тэг < body bgcolor=…..> устанавливает цвет фона документа, используя значения цветов по аналогии с выбором цвета текста.
Таблица тегов для форматирования текста
| ТЕГИ | НАЗНАЧЕНИЕ | |
| < hl> < /hl> < h6> < /h6> | Задает размер заголовка | |
| < pre> < /pre> | Обрамляет предварительно отформатированный текст | |
| < b> < /b> | Жирное начертание шрифта | |
| < i> < /i> | Начертание Курсив | |
| < tt> < /tt> | Имитация стиля печатной машинки | |
| < cite> < /cite> | Используется для цитат, обычно наклонный текст | |
| < strong> < /strong> | Используется для выделения наиболее важных частей текста (наклонный или жирный текст) | |
| < p> | Начало нового абзаца | |
| < p align=...> | Выравнивает абзац относительно одной из сторон документа, значения: left, right, или center | |
| < br> | Вставляет перевод строки | |
| < blockquote> < /blockquote> | Создает отступы с обеих сторон текста. | |
| < font size=...> < /font> | Устанавливает размер текста в пределах от 1 до 7 | |
| < font color=.. > < /font> | Устанавливает цвет текста, используя значение цвета в виде RRGGBB | |
| < font face=.. > < /font> | Устанавливает вид текста (например Times New Roman, Calibri, Arial и т. д.) | |
| < fontbase face=… color=….size=…> | Устанавливает три предыдущих параметра в одном теге | |
| < TT> < /TT> | Текст ф иксированной ширины | |
| < u> < /u> | подчеркнутый текст | |
| < S> < /S> | перечеркнутый текст | |
| < big> < /big> | шрифт большего размера | |
| < small> < /small> | шрифт меньшего размера | |
| < body bgcolor=...> | Устанавливает цвет фона документа, используя значение цвета в виде RRGGBB - пример: FF0OOO - красный цвет | |
| < body text=...> | Устанавливает цвет текста документа, используя значение цвета в виде RRGGBB - пример: 000000 - черный цвет |
,
Теги состоят из ключевых слов и могут быть дополнены атрибутами, разделенными пробелами. Описание атрибутов без использования ключевых слов не допускается