Лабораторная №1

Красноярский государственный художественный институт

Сборник практических заданий

По дисциплине «Информационные технологии»

Тема: Создание WEB – структур с помощью языка HTML

Разработчик: К.п.н. Ершова Е.А.

г.Красноярск 2009г.
Основные тэги разметки

Лабораторная №1

1. HTML-документ (страничка) - документ, написанный на языке разметки гипертекста (HTML). Заключается между тэгами <HTML> и </HTML>.

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

<HEAD> и </HEAD>. Между этими тэгами располагается информация о документе.

<TITLE> и </TITLE>. В них заключается название странички, которое будет выведено в рамке окна программы просмотра.

<BODY> и </BODY>. "Тело" документа (текст, графика и т.д.) располагается между этими двумя тэгами.

 и  тэги, служащие для выделения абзацев. Новый абзац всегда отделяется от предыдущего пустой строкой

  тэг, служащий для переноса текста на другую строку. Может также служить для отделения графики от текста на интервал.

<PRE> и </PRE> Между этими тэгами располагается предварительно отформатированный текст. На экран он выводится шрифтом типа "курьер".

ПРОГРАММЫ => СТАНДАРТНЫЕ => БЛОКНОТ.

Набрать в поле редактирования Блокнота следующий текст:

<HTML>

<HEAD>

<TITLE>Первая web-страничка</TITLE>

</HEAD>

<BODY>

Информационное наполнение

</BODY>.

</HTML>

Сохранить документ в рабочей папке под именем index.htm Просмотреть результат работы в браузере Internet Explorer.

2. Форматировать текст можно с помощью так называемых физических стилей (текст выделенный физическим стилем во всех браузерах отображается одинаково)

Полужирный

Курсив

<TT> Шрифт, как у пишущей машинки

Подчеркивание

Подстрочный текст

Надстрочный текст

<STRIKE> Перечеркивание

3. FONT-задает размер и цвет шрифта, атрибут SIZE позволяет указать абсолютный размер шрифта (от1 до 7), COLOR – задает цвет с помощью названия или шестизначного шестнадцатеричного числа.

Например:

4. <HR>– создание линий в HTML

Атрибуты дескриптора <HR>

SIZE – толщина горизонтальной линии в пикселях

WIDTH – длина горизонтальной линии в пикселях или процентах от ширины окна броузера

ЗАДАНИЕ: Отразить в файле index.htm фразу «Скоро весна» разными стилями, размерами и цветом. Применить 3 разных горизонтальных линии. Просмотреть результат работы в браузере Internet Explorer.