Занятие 07

Язык 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

Непарные теги

<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

...

Мой распорядок дня

6³⁰ - Подъем

6⁴⁰-7⁰⁰ - Зарядка

...

Любимые компьютерные игры

...

Тема 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 файлов с наиболее удачными сочетаниями цвета шрифта и цвета фона.