Задание 1. Создание простейших файлов HTML

Лабораторная работа № 1 Задание 1. Создание простейших файлов HTML 1. Создай свою папку HTML, в которой ты будешь сохранять созданные Web-страницы. 2. Запусти стандартную программу Блокнот. 3. Наберите в окне редактора простейший текст файла HTML: <!doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> Интернет-страничка Ф.И.О.</TITLE> </HEAD> <BODY> Привет! Ты зашел на страничку Ф.И. </BODY> </HTML> 4. Проверь, чтобы в Свойствах папки-Сервис-Вид была снята галочка с функции Скрывать расширения для зарегистрированных типов файлов. Сохрани файл под именем index.html в своей папке. 5. Для просмотра созданной Web-страницы, открой файл index.html в Microsoft Internet Explorer, Firefox или Opera. Задание 2. Тэги перевода строки и абзаца Тэг перевода строки отделяет строку от последующего текста или графики. Тэг абзаца тоже отделяет строку, но еще добавляет пустую строку, которая зрительно выделяет абзаца. Оба тэга являются непарными(не требуют закрывающего тега). 1. 2. 3. 4. Откройте первоисточник Web-страницы – в меню браузера Вид, Источник (В виде HTML) откроется окно со стандартной программой Блокнот, в котором ваша Web-страница представлена в командах HTML. Внесите изменения в текст файла HTML: Сохраните внесенные изменения в файле index.html, с помощью команд Файл, Сохранить. Просмотрите с помощью браузера Microsoft Internet Explorer новую полученную Web-страницу с помощью команд Вид, Обновить. <!doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> Интернет-страничка Ф.И.О </TITLE> </HEAD> <BODY> Привет! Ты зашел на страничку Ф.И. </BODY> </HTML> Задание 3. Выделение фрагментов текста Существует три тэга выделения фрагментов текста: 1 … для выделения полужирным, … для выделения курсивом, … для выделения подчеркиванием. Возможно использование комбинированных шрифтов: … … … Внесите изменения в файл index.html: <!doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> Интернет-страничка Ф.И.О </TITLE> </HEAD> <BODY> Привет! Ты зашел на страничку Ф.И. </BODY> </HTML> Задание 4. Использование стилей заголовка Существует два способа управления размером текста, изображаемого браузером:  использование стилей заголовка,  задание размера основного документа или размера текущего шрифта. Используется шесть тэгов заголовков (от Н1 до Н6). Каждому тэгу соответствует конкретный стиль, заданный в параметрах настройки браузера. Стиль Н1 – самый крупный. Внесите изменения в файл index.html: <!doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> Интернет-страничка Ф.И.О </TITLE> </HEAD> <BODY> <H1> Привет!</H1> Ты зашел на страничку Ф.И. </BODY> </HTML> Задание 5. Задание размера текущего шрифта. Тэг шрифта позволяет задавать размер текущего шрифта в отдельных местах текста. Диапазон установки текущего шрифта – от 1 до 7. 1. Внесите изменения в файл index.html: 2. Самостоятельно измените размер шрифта для текста, используя тэг от 1 до 7. 3. Измените текст HTML-документа, используя тэги выделения фрагментов текста и тэги перевода строки ( ) и абзаца (). 2 <!doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> Интернет-страничка Ф.И.О </TITLE> </HEAD> <BODY> Привет! Ты зашел на страничку Ф.И </BODY> </HTML> Задание 6. Гарнитура и цвет шрифта Тэг предоставляет возможности управления размером, начертанием и цветом текста. Изменение гарнитуры шрифта выполняется простым добавлением к тэгу атрибута FACE. Для изображения текста шрифтом Arial необходимо записать . Для изменения цвета шрифта в тэге можно использовать атрибут COLOR="X". Вместо Х надо подставить либо название цвета (в кавычках), либо его шестнадцатеричное значение. Примеры записи цвета в формате RGB приведены в таблице: Таблица 1 Цвет RRGGBB Цвет RRGGBB black черный 000000 purple фиолетовый FF00FF white белый FFFFFF yellow желтый FFFF00 red красный FF0000 brown коричневый 996633 green зеленый 00FF00 orange оранжевый FF8000 azure бирюзовый 00FFFF violet лиловый 8000FF blue синий 0000FF gray серый A0A0A0 1. Внесите изменения в файл stranica.html: <!doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> Интернет-страничка Ф.И.О </TITLE> </HEAD> <BODY> Привет! Ты зашел на страничку Ф.И </BODY> </HTML> Задание 7. Выравнивание текста по горизонтали Современные браузеры для выравнивания текста используется атрибут ALIGN=, который встраивается в теги абзаца или заголовка. ALIGN=CENTER Выравнивание по центру ALIGN=RIGHT Выравнивание по правому краю ALIGN=LEFT Выравнивание по левому краю 1. Внесите изменения в файл index.html: 3 <!doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> Интернет-страничка Ф.И.О </TITLE> </HEAD> <BODY> Привет! Ты зашел на страничку Ф.И </BODY> </HTML> Задание 8. Задание цвета фона и текста При изображении фона, текста браузеры используют цвета, установленные по умолчанию, - они заданы параметрами настройки браузера. Эти цвета устанавливаются в начале файла HTML в тэге <BODY…>. Запись цвета аналогична цвету шрифта (см. таблицу 1). Атрибут BGCOLOR= задает цвет фона страницы, TEXT= определяет цвет текста для всей страницы, LINK= и VLINK= определяют цвета соответственно непросмотренных и просмотренных ссылок (последние два параметра будут рассмотрены позже). 1. Внесите изменения в файл index.html: <!doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> Интернет-страничка Ф.И.О </TITLE> </HEAD> <BODY BGCOLOR="#FFFFCC" TEXT="#330066"> Привет! Ты зашел на страничку Ф.И </BODY> </HTML> Задание 9. Проведите экспериментальную работу с созданным документом. Меняя размеры окна, посмотрите, как браузер показывает текст с принудительным разрывом строк. Что происходит, когда окно уменьшается настолько, что в нем не может поместиться целиком даже одно слово? 4

Задание 1. Создание простейших файлов HTML

Products

Support

Задание 1. Создание простейших файлов HTML

Add this document to collection(s)

Add this document to saved

Suggest us how to improve StudyLib