- •Разработка электронного портала
- •Введение
- •Практическая работа №1 Тема: html. Основные положения
- •Структура документа
- •Комментарии
- •Тэги тела документа
- •Центрирование элементов документа
- •Пронумерованные списки
- •Непронумерованные списки.
- •Вложенные списки
- •Список определений
- •Гипертекстовые ссылки
- •Структура ссылок в html-документе
- •Ссылки на точки внутри документа
- •Задание
- •Практическая работа № 3 Тема: Графика внутри html-документа
- •Фоновые рисунки
- •Задание стандартных цветов
- •Горизонтальная линия
- •Добавление стилей в ваш html-документ
- •Основные атрибуты таблицы
- •Вложенные таблицы
- •Задание
- •Практическая работа № 5 Тема: Фреймы
- •Синтаксис фрэймов
- •Планирование фрэймов и взаимодействия между фрэймами
- •Зарезервированные имена фрэймов
- •Тэги формы
- •Меню выбора в формах
- •Отправление файлов при помощи форм
- •Задание
- •Практическая работа № 7. Тема: Введение в JavaScript
- •Примеры программирования на JavaScript:
- •Задание
- •Контрольные вопросы
- •Темы для индивидуальных работ
- •Литература
- •ПрИложение Названия и коды цветов для html
- •Примечания
Центрирование элементов документа
Вы можете центрировать все элементы документа в окне броузера. Для этого можно использовать тэг <CENTER>.
Все элементы между тэгами <CENTER> и </CENTER> будут находиться в центре окна
Тэг преформатирования <PRE>
Tэг преформатирования, <PRE>, позволяет представлять текст со специфическим форматированием на экране. Предварительно сформатированный текст заканчивается завершающим тэгом </PRE>. Внутри предварительно сформатированного текста разрешается использовать:
перевод строки
символы табуляции (сдвиг на 8 символов вправо)
непропорциональный шрифт, устанавливаемый броузером
Использование тэгов, определяющих формат абзаца, таких как <Hx> или <ADDRESS>, будет игнорироваться броузером при помещении их между тэгами <PRE> и </PRE>.
Пример:
<HTML>
<HEAD>
<TITLE> список студентов </TITLE>
</HEAD>
<BODY>
<H2> Список студентов нашей группы </H2>
<H3> Составлено: 4 февраля 2002 года </H3>
Данный список содержит фамилии, имена и отчества всех студентов нашей группы.
<P>
Список может быть использован только в служебных целях. </P>
</BODY>
</HTML>
Внимание! Заголовок "Список студентов" не отображен броузером как часть документа. Он появится в заголовке окна броузера.
Разрыв строки <BR>
Тэг <BR> извещает броузер о разрыве строки. Наилучший пример использования данного тэга - форматированный адрес или любая другая последовательность строк, где броузер должен отображать их одну под другой. Например:
Алексей Ярцев <BR>
Вузовский, <BR>
д.3, кв.25 <BR>
Дополнительный параметр позволяет расширить возможности тэга <BR>.
<BR CLEAR=left|right|all>
Данный параметр позволяет выполнить не просто перевод строки, а разместить следующую строку, начиная с чистой левой (left), правой (right) или обоих (all) границ окна броузера. Например, если рядом с текстом слева встречается рисунок, то можно использовать тэг <BR> для смещения текста ниже рисунка:
<p> Как вы можете видеть, данная схема демонстрирует связь<BR CLEAR=left>
<img src="http: //www.express.com/schema1.gif" align=baseline>
Мастер/Деталь </p>
Неразрывная строка <NOBR>
Если вы не хотите, чтобы броузер автоматически переносил строку, то вы можете обозначить ее тэгами <NOBR> и </NOBR>. В этом случае броузер не будет переносить строку даже если она выходит за границы экрана; вместо этого броузер позволит горизонтально прокручивать окно. Например:
<NOBR> Данная строка является самой длинной строкой документа, которая не допускает какого-либо разбиения где бы то ни было </NOBR>
Если же вы хотите все же позволить разбиение данной строки на две, но в строго запланированном месте, то вставьте тэг <WBR> в это место. Например:
<NOBR> Данная строка является самой длинной строкой документа,<WBR> которая не допускает какого-либо разбиения где бы то ни было </NOBR>
Данная строка является самой длинной строкой документа, которая не допускает какого-либо разбиения где бы то ни было
Цитата <BLOCKQUOTE>
Данный тэг предназначен для обозначения в документе цитаты из другого источника. Текст, обозначенный тэгом <BLOCKQUOTE>, отступает от левого края документа на 8 пробелов. Например:
На открытии конференции глава компании произнес: <P>
<BLOCKQUOTE>
Сегодня один из величайших дней для нашей компании. <BR>
Мы открыли новую технологию, позволяющую нашим клиентам повысить производительность их систем в несколько раз.
</BLOCKQUOTE>
Таблица 1. Список базовых тэгов HTML
Стартовый |
Завершающий |
Описание |
<HTML> |
</HTML> |
Обозначение HTML-документа |
<HEAD> |
</HEAD> |
Заголовочная часть документа |
<TITLE> |
</TITLE> |
Заголовок документа |
<BODY> |
</BODY> |
Тело документа |
<H1> |
</H1> |
Заголовок абзаца первого уровня |
<H2> |
</H2> |
Заголовок абзаца второго уровня |
<H3> |
</H3> |
Заголовок абзаца третьего уровня |
<H4> |
</H4> |
Заголовок абзаца четвертого уровня |
<H5> |
</H5> |
Заголовок абзаца пятого уровня |
<H6> |
</H6> |
Заголовок абзаца шестого уровня |
<P> |
</P> |
Абзац |
<PRE> |
</PRE> |
Форматированный текст |
<BR> |
|
Перевод строки без конца абзаца |
<BLOCKQUOTE> |
</BLOCKQUOTE> |
Цитата |
Описанные тэги - это все, что необходимо вам для того, чтобы начать работать с HTML. С использованием описанных тэгов вы можете создать простой HTML-документ.
Задание
Запустить БЛОКНОТ. Создать титульный лист в виде HTML-документа. В заголовке документа указать фамилию и группу. Сохранить файл с расширением *.HTML в своей папке на диске R.
Практическая работа № 2.
Тема:Списки
Тэги списков
Существует три основных вида списков в HTML-документе:
пронумерованный
непронумерованный
список описаний
Вы можете создавать вложенные списки, используя различные тэги списков или повторяя одни внутри других. Для этого просто необходимо разместить одну пару тэгов (стартовый и завершающий) внутри другой. Будут ли элементы вложенного списка иметь те же маркеры, обозначающие элемент списка - зависит от броузера.