Основи HTML. Базові поняття

Основи HTML

Presentation # 24. hypertext markup language concept from Nikolay Shaygorodskiy

Приклад використання тегів:

<Тег параметр_1= значення_1 параметр_2=значення_2 >...текст, що відображається на сторінці... </Тег>.

Теги можуть бути вкладеними, тобто один контейнер може перебувати всередині іншого, тоді загальний запис виглядатиме так:

<Тег1>...текст...<Тег2>...текст... </Тег2>...текст... </Тег1>.

Структура веб сторінки

<!DOCTYPE html>

<html>

<head>

</head>

<body>

</body>

</html>

Основні службові теги:

<title></title> - задає заголовок вкладки

<meta> - задає службову інформацію для браузера та пошукового робота

Атрибути:

- charset – задає кодування сторінки

- name – вказує тип тегу meta, можливі значення:

• keywords – задає ключові слова для пошуку

• description – задає опис сторінки

• author – вказує на автора сторінки

- content – задає значення тега meta

Теги структурування тексту

<p></p> - абзац

<h1></h1>…<h6></h6> - заголовки

1. Опрацювати статтю та законспектувати основні поняття;

2. Виконати практичне завдання:

Використовуючи текстовий редактор Notepad++ створити новий документ, ввімкнути підсвічування HTML коду, створити структуру пустої веб сторінки та зберегти її у власній папці під іменем page1.html
Задати назву вкладки Структурні теги (використовуючи тег <title>)
Задати кодування веб сторінки UTF-8
Задати ключові слова пошуку та опис власної сторінки.
Використовуючи теги заголовків задайте сторінці відповідні заголовки (1-6 рівня) – предмет, клас, тема розділу, тема уроку, власне прізвище та ім’я, дата.
Додати опис виконаної роботи, використовуючи тег абзацу.
Переглянути створену веб сторінку у різних браузерах

3. Переслати створену веб сторінку на перевірку, використовуючи E-mail.