- •Лабораторная работа №1
- •Краткие сведения из теории
- •Задание.
- •1. Запустите текстовый редактор и создайте html-документ со следующими данными:
- •2. Сохраните полученный документ под названием lab1.Htm.
- •3. Запустите браузер ms Internet Explore для просмотра данного документа. Лабораторная работа №2
- •Краткие сведения из теории
- •Задание.
- •2. Сохраните полученный документ под названием lab2.Htm.
- •3. Запустите браузер ms Internet Explore для просмотра данного документа. Лабораторная работа №3
- •Краткие сведения из теории
- •Задание.
- •2. Сохраните полученный документ под названием lab3.Htm.
- •3. Запустите браузер ms Internet Explore для просмотра данного документа. Лабораторная работа №4
- •Краткие сведения из теории
- •Задание.
- •Флаги-команды для вставки в текст объектов нетекстовой информации
- •Параметры графического изображения
- •Задание.
- •Задание.
- •1. Запустите текстовый редактор и создайте html-документ. В документ включите ссылки для более наглядного перемещения по документу.
- •Небольшая статья об Актюбинском Университете.
- •2. Сохраните полученный документ под названием lab6.Htm.
- •3. Запустите браузер ms Internet Explore для просмотра данного документа. Лабораторная работа №7
- •Краткие сведения из теории
- •Задание.
- •1. Запустите текстовый редактор и создайте html-документ с табличным представлением данных.
- •2. Сохраните полученный документ под названием lab7.Htm.
- •3. Запустите браузер ms Internet Explore для просмотра данного документа. Лабораторная работа №8
- •Краткие сведения из теории
- •Задание.
- •Задание.
- •1. Создайте многоконный интерфейс в html-документе, используя фреймы.
- •2. После сохранения полученных документов на диск запустите браузер ms Internet Explore для просмотра данного документа. Лабораторная работа №10
- •Краткие сведения из теории
- •Задание.
- •Задание.
- •Задание.
- •Основные теги
- •Теги оглавления
- •Атрибуты тела документа
- •Теги для форматирования текста
- •Гиперссылки
- •Форматирование
- •Графические элементы
- •Атрибуты таблицы
- •Атрибуты кадров
- •Формы Для форм, выполняющих какие-то функции должны быть запущены соответствующие cgi скрипты на сервере. Html только создает внешний интерфейс формы.
Задание.
1. Запустите текстовый редактор и создайте HTML-документ используя теги для форматирования текста: <pre></pre>, <h1></h1>, .. , <h6></h6>, <b></b>, <i></i>, <tt></tt>, <cite></cite>, <em></em>, <strong></strong>, <code> </code>, <address> </address>, <blink> </blink>, <font face=? size=?></font>.
Название страницы: Работа с Текстом.
Содержимое страницы: Примеры работы с текстом.
(<BASEFONT SIZE=2>
<H1> -Это первый Заголовок </H1>
<HR WIDTH=50% SIZE=3 NOSHADE>
<FONT FACE="Arial” SIZE=”+2”> Это шрифт Ариал </FONT>
<BR>
и так далее ... )
2. Сохраните полученный документ под названием lab2.Htm.
3. Запустите браузер ms Internet Explore для просмотра данного документа. Лабораторная работа №3
Тема: Основные теги для разметки текста..
Цель работы: Изучить основные теги для работы со списками.
Инструменты: Текстовый редактор NotePad. HTML-браузер MS Internet Explore.
Краткие сведения из теории
Списки в HTML бывают трех типов: ненумерованные, нумерованные и так называемые списки терминов. Ненумерованный список оформляется с помощью блока
<UL>
<LI> элемент
<LI> элемент
...
</UL>
Список будет отображен примерно так:
Элемент 1
Элемент 2
....
Нумерованный список отличается от ненумерованного тем, что около пунктов вместо жирных точек вставляются порядковые номера пунктов. Оформляется он в виде блока
<OL>
<LI> элемент
<LI> элемент
...
</OL>
Отобразится он в таком виде:
Элемент 1
Элемент 2
....
Третим видом списка является список терминов. Он очень удобен для оформления всевозможных глоссариев. Оформить такой список можно с помощью блока
<DL>
<DT>Термин1 <DD>Описание1
<DT>Термин2 <DD>Описание2
...
</DL>
Вид у полученного списка будет примерно следующий:
Термин1
Описание1
Термин2
Описание2
...
Для создания отсупов с обеих сторон текста можно использовать тег <BLACKQUOTE> ... </BLACKQUOTE>
Задание.
1. Запустите текстовый редактор и создайте HTML-документ используя теги: <p align=?>, <br>, <hr> ,<blockquote></blockquote>, <dl></dl>, <dt>, <dd>, <ol></ol>, <li>, <ul></ul>, <div align=?>.
Название страницы: Работа с Текстом.
Содержимое страницы: Примеры работы с текстом.
Пример:
(организуйте следующий список при помощи тегов <ul></ul>, <li>)
Неупорядоченную информацию.
Упорядоченную информацию.
Определения.
(организуйте следующий список при помощи тегов <ol></ol>, <li>)
Неупорядоченную информацию.
Упорядоченную информацию.
Определения.
(организуйте следующий список при помощи тегов<dl></dl>, <dt>, <dd>, <strong>
Низкая цена
Новая модель этого изделия существенно дешевле предыдущей!
Проще работа
Мы изменили изделие, так что с ним теперь легко работать!
Безопасно для детей
Вы можете оставить своих детей в комнате, и изделие не причинит им вреда (не гарантируется).
(организуйте следующий список используя вложенные списки)
Ингредиенты:
100 г муки
10 г сахара
1 стакан воды
2 яйца
соль, перец
Процедура:
Тщательно смешайте сухие ингредиенты.
Влейте жидкие ингредиенты.
Смешивайте 10 минут.
Выпекайте в течение часа при температуре 300 градусов.
Примечания:
Можно добавить изюм.