- •Назначение языка html
- •Теги html
- •Атрибуты тегов
- •Комментарии
- •Структура документа html
- •Определение функциональных разделов документа
- •Гипертекстовые ссылки и якоря
- •Рисунки на Web-страницах
- •Управление стилем шрифта
- •Определение элементов фразы
- •Создание списков
- •Мультимедийные объекты в документе html
- •Создание таблиц
- •Размещение нескольких документов на одной Web-странице
- •Качество документов html
- •Закрепление пройденного
Атрибуты тегов
Открывающие теги часто могут содержать атрибуты, влияющие на эффект, создаваемый тегом. Атрибуты — это дополнительные ключевые слова, отделенные от ключевого слова тега и друг от друга пробелами.
Некоторые атрибуты требуют указания значения атрибута. Это значение отделяется от ключевого слова знаком равенства (=). Значение атрибута должно заключаться в кавычки, но во многих случаях эти кавычки могут опускаться без какого-либо вреда.
Закрывающие теги никогда не содержат атрибутов.
Комментарии
В языках программирования общепринята возможность использования комментариев — текстовых строк, не являющихся частью программы, а служащих для пояснения. Язык HTML тоже имеет такую возможность.
Комментарии в языке HTML начинаются со специального тега <!--. Следует обратить внимание на отсутствие закрывающей угловой скобки. Любой текст, идущий за этим тегом, рассматривается как комментарий и не отображается при отображении документа. Заканчивают комментарий символами --!>. Комментарий может содержать любые символы, кроме символа «больше» (>), и, таким образом, не может включать в себя теги.
Примеры тегов HTML:
<title> <Body> <TABLE> </A> <img> </Center>
Примеры парных тегов HTML:
<HTML> </HTML>,
<B> </B>,
<HEAD> </HEAD>,
<H3> </H3>,
<ADDRESS> </ADDRESS> ,
<Li> </Li>,
Примеры одиночных тегов HTML:
<BR>, <HR>, <META>, <BASEFONT>, <FRAME>, <INPUT>.
Примеры тегов HTML с атрибутами:
<BODY BGCOLOR="#000000” TEXT=”FFFFFF" BACKGROUND="RAIN.GIF">
<OPTION SELECTED>
<FRAME SRC="file.html" NORESIZE>
Структура документа html
Документ HTML состоит из основного текста документа и тегов разметки, которые, как мы уже знаем, являются наборами обычных символов. Таким образом, документ HTML — это, по существу, обычный текстовый файл. Для его создания можно использовать любой текстовый редактор, хотя бы и тот простейший редактор Блокнот, который входит в состав Windows 9x.
1. Все документы HTML имеют строго заданную структуру. Документ должен начинаться с тега <HTML> и заканчиваться соответствующим закрывающим тегом </HTML>. Эта пара тегов сообщает броузеру, что перед ним действительно документ HTML.
2. Документ HTML состоит из раздела заголовков и тела документа, идущих именно в таком порядке. Раздел заголовков заключен между тегами <HEAD> и </HEAD> и содержит информацию о документе в целом. В частности, этот раздел должен содержать внутри себя теги <TITLE> и </TITLE>, между которыми размещают «официальный» заголовок документа. Большинство броузеров, работающих в системе Windows, используют этот заголовок, чтобы заполнить строку заголовка окна броузера.
3. Сам текст документа располагается в теле документа. Тело документа располагается между тегами <BODY> и </BODY>.
Четыре перечисленных парных тега определяют основную структуру документа HTML. Они встречаются (или их наличие подразумевается) во всех документах HTML.
На практике определить местоположение этих структурных основных тегов можно и при их отсутствии. Поэтому, если теги <HTML>, <HEAD> и <BODY>, а также соответствующие им закрывающие теги опущены, то программа - броузер может сама определить то место, где они должны были находиться. Тег <TITLE>, определяющий заголовок документа, считается обязательным, но и его пропуск не вызовет катастрофических последствий в современных броузерах. Но все-таки при создании Web-страниц опускать все эти теги не рекомендуется, ведь заранее неизвестно, как поведет себя конкретный броузер, установленный на компьютере читателя.
Простейший правильно подготовленный документ HTML
<HTML>
<HEAD>
<ТIТLЕ>Функциональные разделы документа</ТIТLЕ>
</HEAD>
<BODY>
Этот текст можно прочитать на экране
</BODY>
</НТМL>