Определение html-файла

Первый тэг, который должен находиться в любом HTML-документе, — это ...

Вы указали, что ваш документ действительно содержит команды HTML, вы должны разбить документ на две части — заголовок и собственно текст.

В разделе описания заголовка можно указать заглавие документа, для этого используется тэг . Когда браузер встречает этот тэг, он отображает все, что находится внутри него, как заглавие. Пример того, как используется данный тэг:

Несмотря на то, что присутствие этих трех тэгов предусмотрено стандартом, большинство браузеров может отобразить документ даже при их отсутствии. Однако следует приучить себя всегда указывать эти тэги - и вам не придется беспокоиться по поводу редактирования документа, если в будущем эти тэги станут необходимы.

1. Создайте папку Web, в которой мы будем сохранять сконструированные Web-страницы.

2. Запустите программу Блокнот (Notepad).

3. Наберите в окне редактора простейший текст файла HTML:

4. Сохраните этот файл под именем RASP.html в папке Web

5. Для просмотра созданной Web-страницы запустите файл RASP.html из папки Web.

6. Убедитесь, что название Web-страницы («Учебный файл HTML») отразилось в верхней, статусной, строке браузера.

На экране вы увидите результат своей работы, изображенный на рис. 1.
Рис. 1
Задание 2. Управление расположением текста на экране.

При отображении HTML-документов браузеры автоматически размещают текст на экране, не реагируя на встречающиеся в файле символы перевода строк и идущие подряд символы пробелов.

1. 
   Расположите Окна слева направо.
   
2. 
   В Блокноте внесите изменения в текст файла RASP.html, расположив слова «Расписание», «занятий», «на вторник» на разных строках:
   

3. 
   Сохраните текст со внесенными изменениями в файле RASP.HTM.
   
4. 
   В браузере Microsoft Internet Explorer обновите полученную Web-страницу, используя клавишу F5 или кнопку Обновить (Refresh). Изменилось ли изображение текста на экране?
   

Существуют специальные команды, выполняющие перевод строки и задающие начало нового абзаца.

Оба тэга являются непарными.

1. Внесите изменения в текст файла HTML:

занятий


на вторник

2. Сохраните текст с внесенными изменениями в файле RASP.html.

3. Просмотрите полученную Web-страницу. Как изменилось изображение текста на экране? Новая страница будет выглядеть так, как показано на рис.
Выделение фрагментов текста

Существуют три тэга выделения фрагментов текста:

1. Внесите изменения в файл RASP.HTM:

2. Просмотрите полученную Web-страницу.

Возможно использование комбинированных выделений:

Расписание В> занятий на вторник

Но при этом необходимо помнить следующее правило записи комбинированных тэгов:

Существуют два способа управления размером текста, изображаемого браузером:

• использование стилей заголовка (используется шесть тэгов заголовков от до

• задание размера шрифта основного документа или размера текущего шрифта.

1. Внесите изменения в файл RASP.HTM:

2. Просмотрите полученную Web-страницу.

Тэг шрифта позволяет задавать размер текущего шрифта в отдельных местах текста в диапазоне от 1 до 7.

1. Внесите изменения в файл RASP.html:

Расписание

2. Самостоятельно измените размер шрифта для текста «занятий на вторник», используя тэг .

3. Измените оформление текста HTML-документа, используя тэги выделения фрагментов текста и тэги перевода строки и абзаца.

Гарнитура и цвет шрифта

Тэг предоставляет возможности управления размером, гарнитурой и цветом текста. Изменение гарнитуры шрифта выполняется простым добавлением к тэгу атрибута FACE. Например, для изображения текста шрифтом Arial необходимо записать: .

Для изменения цвета шрифта можно использовать в тэге атрибут COLOR="X".

Вместо Х надо подставить либо название цвета (в кавычках), либо его шестнадцатеричное значение. При задании цвета шестнадцатеричным числом можно представить этот цвет разложенным на три составляющие: RGВ — (Red, Green, Blue), каждая из которых имеет значение от 0 до FF.

Примеры записи цвета в формате RGB приведены в таблице

Запись цвета в формате RGB

1. Внесите изменения в файл RASP.html

2. Самостоятельно измените размер, цвет, гарнитуру, стиль текста документа.

С помощью тэгов HTML можно управлять горизонтальным выравниванием текста. Если способ выравнивания не оговорен, все элементы в документе будут выравниваться по левому краю и иметь неровное правое поле.

Современные браузеры воспринимают атрибут выравнивания текста ALIGN=:

ALIGN==CENTER — выравнивание по центру;

AUGN=RIGHT — выравнивание по правому краю;

ALIGN=LEFT — выравнивание по левому краю.

1. Внесите изменения в файл RASP.html:

2. Просмотрите результат изменений.

При изображении фона и текста браузеры используют цвета, установленные по умолчанию, — они заданы параметрами настройки браузера. Если вы хотите задать другие цвета, то это надо сделать в начале файла HTML в тэге

Размещение графики на Web-странице

Тэг позволяет вставить в документ изображение. Оно появится в том месте документа, где находится этот тэг. Данный тэг непарный. Графика в Web, как правило, распространяется в трех форматах: GIF, JPG, PNG. При выполнении следующего задания будем считать, что графический файл *.GIF хранится в рабочем каталоге Web, где находится и наша Web-страница.

Задание 10. Размещение графики на Web-странице.

1 Внесите изменения в файл RASP.html

занятий на вторник