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

Используя язык HTMLвыполните следующие задания

Создайте простейший html-документ
1. использующий версию (режим) HTML 4.01 не поддерживающую устаревшие теги;
2. использующий версию(режим) HTML 4.01 поддерживающую устаревшие теги;
Внесите в свой html-документ служебную информацию, не отображаемую в окне браузера:
1. об имени автора документа;
2. о фирме, создавшей сайт и ее авторских правах;
3. о дате создания документа;
4. содержащую краткое описание сайта, используемое поисковым сервером для индексирования;
5. содержащую список ключевых слов, используемые поисковым роботом и язык на котором указаны ключевые слова;
6. и не допускающую индексирование документа поисковым роботом;
7. запрещающую кэширование;
8. предписывающую перезагрузагружатьhtml-документ через каждые 7 секунд;
9. Определяющуюкодировку символов, которая должна быть использована на компьютере пользователя при просмотре данногоHTML-документа.
Дайте своей html-странице заголовок.
Задайте фоновый рисунок на web-странице (используйте форматgif).
сделайте так, чтобы фоновое изображение не прокручивалось вместе с текстом (только в IE!).
Задайте цвет фона web-страницы синий, а цвет текста ‑ белый.
Задайте цвет ссылок, цвет посещенных ссылок, цвет активных ссылок в момент их выбора.
Установите величину отступа по горизонтали от края окна браузера до контента 100 px.
Установите принудительное отображение полосы прокрутки.
Внесите в html-документ комментарий.

Ипользуя тег предварительного форматирования выведите информацию в удобном виде.

Используя атрибут align тега <img> и атрибут clear тега <br> добейтесь следующего взаимного расположения текста и рисунка.

Используя тег <CENTER> выровняйте тест «Текст выровнен по центру» по центру.
Используя атрибут align тега DIVвыровняйте тест по центру.
Используя тег <font> и его атрибутыface,color,sizeвыведите текст в следующем виде.

Где фрагменты «А это» и «текст» имеют размер на 3 единицы больше размера базового шрифта, выведены фиолетовым цветом, шрифтом CourierNew, а фрагмент «отформатированный» любым из имеющихся на компьютере пользователя шрифтовGeorgia,TimesNewRoman,Times,serifи имеют размер на 1 единицы больше размера базового шрифта

задайте в документе гарнитуру шрифта tahoma, размер 6 и цвет текста синий по умолчанию.
Увеличьте размер шрифта относительно базового на единицу во фразе по крайней мере двумя различными способами.
Уменьшите размер шрифта относительно базового на единицу во фразе по крайней мере двумя различными способами
Наберите следующие формулы.

Используя теги физического форматирования наберите следующий текст.

Используя теги логического форматирования. <EM>, <STRONG>, <STRIKE>, <DFN>, <CODE>, <SAMP>, <KBD>, <VAR>, <ACRONYM>, <ABBR> вывести текст

Выделите цитату в тексте тремя различными способами (<CITE>, <Q> и <BLOCKQUOTE>)

Выделите изменения, внесенные в текст документа тегами <INS> и <DEL>

Измените направление текста в абзаце справа налево(<bdo>).
Создайте нумерованный список экзаменов в эту сессию. В качестве нумерации используйте прописные латинские буквы.
Создайте ненумерованный список для оформления расписания дел на сегодня. (Тремя способами) В качестве маркера установите квадрат.
Создайте список определений.

Отформатируйте текст абзаца. Установите выравнивание по правому краю.

Используя тег <div> получите следующий результат.

Используя горизонтальную линию получите следующий результат.

Создайте ссылку, при переходе на которую, документ будет загружаться в новое окно.
Создайте ссылку, при переходе на которую, появляется всплывающая подсказка.
Создайте ссылку, при переходе на которую, документ будет загружаться с применением кодировки символов windows-1251
Создайте ссылку, которая содержит код языка сетевого ресурса, на который указывает ссылка.
Создайте ссылку, доступ к которой может быть получен при наборе на клавиатуре Alt+клавиша символа, гдеклавиша символа ‑ горячая клавиша для перехода к ссылке.
Задайте цвет непосещенных ссылок зеленый, посещенных – синий, цвет ссылок в момент выбора – красный.
Используя якоря создайте оглавление документа, предусмотрите переход на начало страницы.
Создайте ссылку на электронную почту.
Подключите отображение пиктограммы сайта. В Mozilla!!
Вставьте на страничку картинку. Не отображайте вокруг нее рамку. Установите для картинки текстовое описание, которое отображается в браузере, пока картинка грузится, или когда в браузере отключен режим автоматической загрузки отображений. Контент странички расположите слева от картинки, ширину картинки установите 50 px, а высоту измените пропорционально, чтобы правильно масштабировать картинку, размер чистого поля внизу и вверху картинки 30px, слева и справо – по 100px.
Поместите рядом со ссылкой картику. Продублируйте ссылку, чтобы переход по ссылке мог быть осуществлен по щелчку на ссылке и шелчку на картинке.
Создайте простейшую таблицу. Таблица должна быть выровнена по центру и занимать 90% ширины окна. Цвет фона – желтый. Расстояние между ячейками 7, от границы ячейки до текств – 5. Граница как на рисунке.