- •Основы html
- •1. Понятие о html
- •2. Структура документа html
- •3. Элементы, теги и атрибуты html
- •4. Основные теги и атрибуты форматирования html документа
- •5. Тег вставки изображения
- •6. Стандартные цвета html-документа
- •7. Контрольные вопросы
- •Ссылки в документах html
- •2. Понятие о ссылках и гипертексте
- •3. Типы ссылок
- •4. Адрес web-документа
- •5. Теги ссылок
- •6. Контрольные вопросы
- •1. Понятие о списках
- •2. Простые и вложенные списки
- •3. Описание списков в html
- •4. Описание элементов списков
3. Элементы, теги и атрибуты html
Ключевые слова в документе HTML называются элементами или тегами и заключаются в угловые скобки (знаки «меньше» и «больше»): < и >. Все теги представляют собой сокращения от английских слов, или полные слова, помогающие понять назначение тега. Как уже было отмечено выше, регистр тегов значения не имеет. Стандарт HTML содержит около сотни различных тегов.
Большинство тегов являются парными, они имеют две формы: открывающий и закрывающий теги, между которыми заключён фрагмент HTML-документа. Некоторые теги являются непарными, или пустыми, то есть внутри тега не может содержаться фрагмент HTML-документа. Фрагмент документа, заключённый между тегами, в ряде случаев также может содержать теги. В этом случае теги называются вложенными.
Открывающий тег имеет вид <имя_тега>, закрывающий содержит после знака “<” слэш: </имя_тега>.
В HTML-документе каждый открывающий парный тег должен иметь соответствующий закрывающий тег.
Многие теги могут иметь атрибуты, уточняющие действие тега. Общий вид тега с атрибутами следующий: <имя_тега атрибут1=”…” атрибут2=”…” …>. Закрывающие теги атрибутов не имеют. Атрибуты, как и теги, представляют собой английские слова или их сокращения. Значение атрибута отделяется от имени тега знаком «равно» и может заключаться в кавычки или апострофы. Бывают атрибуты, значение которых не указывается.
Если в документе содержится не существующий тег (например, если он набран с ошибкой), то браузер при отображении страницы просто игнорирует его, ничего не отображая на его месте (браузер вообще игнорирует неизвестный ему текст, заключённый между символами < и >, а переносы строк, множественные пробелы и табуляции принимает за один пробел). Точно также игнорируются неверные или несуществующие атрибуты тегов. Никакого сообщения об ошибке в HTML браузером в этих случаях не выводится, что может несколько затруднить отладку страниц, зато не мешает просмотру документа, содержащего некорректные или не поддерживаемые данным браузером теги документа.
4. Основные теги и атрибуты форматирования html документа
Перечислим некоторые теги, наиболее часто используемые в HTML-документах, и достаточные на первых порах для создания простейших WEB-страниц. Везде в примерах знаком …заменён фрагмент документа, также, возможно, содержащий другие теги.
<body bgcolor=”цвет_фона”> - установка цвета фона документа. Этот атрибут влияет на весь документ, поэтому содержится в теге <body>.
<h1>…</h1> - выделение фрагмента текста стилем заголовка. Всего стандарт HTML допускает 6 уровней заголовков от <h1> до <h6>.
<p></p> - форматирование абзаца. Фрагмент документа, заключённый внутри тегов, является отдельным абзацем. Этот тег может иметь атрибут align, влияющий на вид выравнивания текста в абзаце.
<font size=размер color=”цвет” >…</font> - выделение текста шрифтом заданного размера и цвета. Размер задаётся абсолютным значением в виде целого числа (например, 12) либо относительно текущего размера шрифта с помощью знаков “+” и “-“ (например, +2 или -3). Цвет задаётся в виде английского названия или в виде числового кода. Таблицу названий стандартных цветов HTML смотрите ниже, числовые коды цветов пока рассматривать не будем. Любой из атрибутов size или color может быть пропущен.
<i>…</i> - выделение курсивом фрагмента текста, заключённого между тегами.
<b>…</b> - выделение жирным шрифтом фрагмента текста, заключённого между тегами.
<u>…</u> - подчёркивание фрагмента текста, заключённого между тегами.
<center>…</center> - горизонтальное центрирование фрагмента документа, заключённого между тегами.
<br> - вставка разрыва строки, перенос текста на новую строку. Напомним, что в HTML-документе разрывы строк считаются эквивалентами пробела. Поэтому для переноса текста на новую строку следует использовать тег <br>. Лучше, однако, пользоваться тегом абзаца <p>…</p>.
<hr> - вставка горизонтальной линии.
<!-- … --> - тег комментария. Весь текст HTML, заключённый между последовательностями символов <!-- и --> считается комментарием и игнорируется (не выводится). Комментарий может содержать как фрагмент одной строки, так и несколько строк текста.
<sup>…</sup> - форматирование фрагмента текста как верхнего индекса, например, x2
<sub>…</sub> - форматирование фрагмента текста как нижнего индекса, например, ak