Урок "Вступ у HTML"

Post on 13 грудня 2017
by Super User

Урок "Вступ у HTML"

Мережа Інтернет, веб-сайт, веб-сторінка (html-стрінка, інтернет-стрінка). Мова гіпертекстової розмітки документів HTML - HyperText Markup Language. Структура html-сторінки. Склад html-стрінки (на прикладі https://uk.wikipedia.org/wiki/Веб-сторінка).


Знайомство з середовищем: програма Notepad++. Запуск програми; налаштування кодування та синтаксису; зберігання файлів у форматі html; перегляд html-файлів у браузері (Сhrom (Хром), Mozilla Firefox); перегляд коду сторінки ("Исходный код страницы").

Теги <html>, <head>, <title>, <body>, заголовки різних рівнів <h1>-<h6>, <p>,<br>, <font>, форматування <b>, <i>, <u>, <s>. Різниця між назвою сайту <title> і заголовками <h1>-<h6>

Атрибути тегів.

Колір фону сторінки (bgcolor). Кольори html - стандартні назви кольорів англійською і HEX-коди https://colorscheme.ru/html-colors.html  Заливка фону сторінки зображенням (background).

Форматування тексту (форматування шрифта): розмір тексту (size), назва шрифта (face), колір тексту (color).

Завдання:
1. Створити новий html-документ. Зберегти його у папці Урок 1 під іменем index1.html
2. Вказати заголовок сторінки "Моя перша html-сторінка!"
3. Вказати колір фону сторінки GreenYellow або вказати номер #ADFF2F
4. Вказати заголовок статті за допомогою тегу <h1>.

Заголовок: "Перша сторінка"

5. Набрати текст з використанням тегу <p></p>і <br>:

Мене звати .....
Мені ..... років.
Тепер я - скаут(ка) у IT-Scouts і вивчаю html.

6. Набрати текст, вказати колір шрифта DarkRed або #8B0000, розмір 5 , назву шрифта Impact та Comic Sans MS.

Я навчаюсь у ... школі у ... класі.

Свіже