Основы информатики и вычислительной техники. Шилов О.И. - 49 стр.

UptoLike

ВУЗ: 

КГМА | Киров

Составители: 

Рубрика: 

Основы языка HTML
Практические задания и рекомендации по информатике
49
Fuchsia
сиреневый
Aqua
бирюзовый
Большинство браузеров поддерживают множество других названий цветов, например,
brown, darkblue и т.д. В таблице приведены лишь цвета, соответствующие спецификации
HTML.
7. Практическая часть
1. Запустите доступный Вам файловый менеджер (подробности см. в работе «Файловые
менеджеры»). Создайте в папке
C:\Мои документы папку с названием Вашей группы, на-
пример,
Т-11 (если там ещё такой нет). Создайте папку с Вашей фамилией, набранной рус-
скими буквами, например,
Сидорова. В этой папке на протяжении нескольких занятий Вы
будете хранить свои документы. Эту папку будем ниже называть «Вашей папкой».
2.
Создайте в Вашей папке (с помощью файлового менеджера!) файл page1.htm Набе-
рите в нём следующий код HTML (переключитесь в кодировку Win, если Вы используете
FAR):
<html>
<head>
<title>Изучение основных тегов</title>
</head>
<body bgcolor="navy">
<!-- Это комментарий.
Он на экран не выводится.
-->
<h1>Это заголовок 1</h1>
<h2>Это заголовок 2</h2>
<h3>Это заголовок 3</h3>
<h4>Это заголовок 4</h4>
<h5>Это заголовок 5</h5>
<h6>Это заголовок 6</h6>
<p>Этот абзац набран цветом по умолчанию.</p>
<p><font color="yellow">Текст внутри абзаца можно не только выде-
лять
<font color="red">цветом</font>, <font size=+2>размером</font>,
но и <i>курсивом</i>, <b>жирностью</b>, <u>подчеркиванием</u>,<br>
разбивать на строки,<br>
<center>центрировать</center>
</font></p>
<hr>
<h1><font color=lime>Заголовок тоже может сменить цвет</font></h1>
</body>
</html>
3. Откройте созданную WEB-страницу в браузере. Сравните увиденное с HTML-кодом.
Совпадает ли показанный браузером результат с задуманным автором?
4.
Добавьте в тех местах документа, где уже есть пробелы или разрывы строк, ещё не-
сколько пробелов или разрывов строк. Убедитесь, что «лишние» пробелы и разделители
строк не влияют на отображение страницы в браузере. Не забывайте обновлять страницу в
браузере после редактирования кода!
5.
Отредактируйте текст документа, измените форматирование, цвет или размер текста,
цвет фона, заголовок по Вашему желанию. Посмотрите результат. Если он не соответствует
ожиданиям, выясните причину. 
                                      Основы языка HTML                             49


Fuchsia сиреневый                 Aqua       бирюзовый
   Большинство браузеров поддерживают множество других названий цветов, например,
brown, darkblue и т.д. В таблице приведены лишь цвета, соответствующие спецификации
HTML.

    7. Практическая часть
    1. Запустите доступный Вам файловый менеджер (подробности см. в работе «Файловые
менеджеры»). Создайте в папке C:\Мои документы папку с названием Вашей группы, на-
пример, Т-11 (если там ещё такой нет). Создайте папку с Вашей фамилией, набранной рус-
скими буквами, например, Сидорова. В этой папке на протяжении нескольких занятий Вы
будете хранить свои документы. Эту папку будем ниже называть «Вашей папкой».
    2. Создайте в Вашей папке (с помощью файлового менеджера!) файл page1.htm Набе-
рите в нём следующий код HTML (переключитесь в кодировку Win, если Вы используете
FAR):


   Изучение основных тегов





Это заголовок 1


Это заголовок 2


Это заголовок 3


Это заголовок 4


Это заголовок 5


Это заголовок 6


Этот абзац набран цветом по умолчанию.


Текст внутри абзаца можно не только выде-
лять
цветом, размером,
но и курсивом, жирностью, подчеркиванием,

разбивать на строки,


центрировать






Заголовок тоже может сменить цвет



    3. Откройте созданную WEB-страницу в браузере. Сравните увиденное с HTML-кодом.
Совпадает ли показанный браузером результат с задуманным автором?
    4. Добавьте в тех местах документа, где уже есть пробелы или разрывы строк, ещё не-
сколько пробелов или разрывов строк. Убедитесь, что «лишние» пробелы и разделители
строк не влияют на отображение страницы в браузере. Не забывайте обновлять страницу в
браузере после редактирования кода!
    5. Отредактируйте текст документа, измените форматирование, цвет или размер текста,
цвет фона, заголовок по Вашему желанию. Посмотрите результат. Если он не соответствует
ожиданиям, выясните причину.

Практические задания и рекомендации по информатике

Страницы