Занятие 07
Язык HTML
Язык HTML
Шаблон простейшей Интернет-странички
Шаблон простейшей Интернет-странички
<!DOCTYPE HTML>
<html>
<head>
<title> Заголовок HTML-документа </title>
<meta charset="utf-8">
</head>
<body>
<p>Тело HTML-документа</p>
</body>
</html>
или
<!DOCTYPE HTML>
<title> Заголовок HTML-документа </title>
<meta charset="utf-8">
<p>Тело HTML-документа</p>
Основные теги языка HTML
Основные теги языка HTML
Непарные теги
<p>
- новый абзац
<br>
- переход на другую строку
<hr>
- горизонтальная линия
Парные теги
<b> </b>
- жирный
<i> </i>
- курсив
<u> </u>
- подчеркнутый
<h1> </h1>
- заголовок 1 уровня
<h2> </h2>
- заголовок 2 уровня
<h3> </h3>
- заголовок 3 уровня
<h4> </h4>
- заголовок 4 уровня
<h5> </h5>
- заголовок 5 уровня
<h6> </h6>
- заголовок 6 уровня
<sup> </sup>
- верхний индекс
<sub> </sub>
- нижний индекс
Задание
Задание
Используя эти теги, составьте в Notepad++ страничку вида (напишите в заголовке свои имя и фамилию, а в соответствующих подразделах - реальные данные о себе):
Страничка Иванова Ивана
Страничка Иванова Ивана
Обо мне
Обо мне
Кем хочу быть
Кем хочу быть
Какие компьютерные программы знаю
Какие компьютерные программы знаю
Internet Explorer - Internet-браузер фирмы Microsoft
Microsoft Word - Текстовый процессор фирмы Microsoft
...
Мой распорядок дня
Мой распорядок дня
630 - Подъем
640-700 - Зарядка
...
Любимые компьютерные игры
Любимые компьютерные игры
...
Тема 2. Шрифты и цвета
Тема 2. Шрифты и цвета
- Выполнить задание на размер шрифта. Написать "Воскресная компьютерная школа" размерами 30px, 25px, 20px, 15px, 10px, 5px, используя тег <p> с параметром style и значением font-size:
<p style="font-size:30px"></p>
- Выполнить задание на начертание шрифта. Написать "Воскресная компьютерная школа" размером 30px, используя наклонный, жирный и подчеркнутый шрифт (теги <i> <b> <u>)
- Выполнить задание на вид шрифта. Написать "Воскресная компьютерная школа" разными шрифтами, используя тег <p> с параметром style и значением font-family:
<p style="font-family: verdana">
. В качестве параметров вместо "verdana" указывать "serif", "sans-serif", "monospace". - Выполнить задание на цвета шрифтов. Написать "Воскресная компьютерная школа" самым большим шрифтом разными цветами, используя тег с параметром
<span style="color: red">
. - Выполнить задание на комбинацию цвета фона и цвета шрифта. Написать "Воскресная компьютерная школа" самым большим шрифтом разными цветами на фоне различного цвета, используя параметр bgcolor тега body:
<body bgcolor=#FFAA11>
. На своем сайте создать страницу "HTML - шрифты и цвета", на которой сохранить 5 файлов с наиболее удачными сочетаниями цвета шрифта и цвета фона.