Як створити html документ

Відео: Створення HTML-документа в редакторі Блокнот

Складання сайту починається зі створення документа HTML за допомогою текстового редактора або спеціалізованого додатки. Для коректного відображення створеного файлу в браузері також буде потрібно дотримання деяких правил оформлення коду.
Як створити html документ

Інструкція

1
HTML-файл є звичайним текстовим документом, в якому за допомогою спеціальних дескрипторів задається розташування елементів контенту відносно один одного або вікна браузера. Переглянути роботу файлу можна через інтернет-оглядач. Щоб відредагувати код HTML, можна скористатися текстовим редактором або підібрати спеціальні програми, які мають такі функції, як автоматичне введення і підсвічування синтаксису. Прикладом програми, добре підходить для зручної роботи з подібними документами, є Sublime Text 2.
2
При використанні редактора коду в головному меню програми виберіть пункт File ("файл") - Save As ... ("Зберегти як..."). У діалоговому вікні вам знадобиться вказати директорію для збереження файлу, а також ім`я та розширення. Можна конвертувати текстовий документ в HTML-сторінку, дописавши в кінці імені розширення html.
3
Існує ряд ситуацій, коли навіть правильно створений файл з вірним розширенням не відкривається в браузері. Причиною тому є неправильне оформлення структури коду HTML. Існує ряд обов`язкових правил, без дотримання яких інтернет-сторінка відображається некоректно, або зовсім не відкривається.
4
Тег хоч і не є обов`язковим, але його наявність допомагає браузеру правильно інтерпретувати код і розпізнати структуру документа. Іноді причиною некоректного відображення веб-сторінки є саме відсутність або неправильне написання цього тега.
5
Парний є дескриптором, в який полягає весь вміст веб-сторінки. Елементи коду, які знаходяться за межами цього тега, відображаються як звичайний текст або блокуються браузером, за винятком. дескриптор є обов`язковим і не може бути використаний на сторінці більш ніж один раз.
6
За допомогою вказується основна інформація про документ. Між цими тегами за допомогою дескрипторів задається заголовок веб-сторінки, а за допомогою підключаються файли CSS або j&# 097; vascript. Таким же чином усередині парного тега вказуються стилі, кодування, тип документа, версії оформлення для різних браузерів або пристроїв і деякі інші параметри. Вміст тега не відображається у вікні браузера, однак дескриптор є обов`язковим.
7
між тегами і укладено тіло сайту - інформація, яка виводиться на екран користувача. Це можуть бути заголовки, підзаголовки, параграфи і рядки тексту, зображення, відео або інші об`єкти мультимедіа. Дескриптор є обов`язковим. Крім того, всередині нього можуть бути використані інші елементи
,
або
. Вони не впливають на відображається результат, але створюють структуру HTML-коду, що вважається хорошим тоном в колах web-розробників або верстальників.

Корисна порада

До тегу можуть застосовуватися атрибути, які встановлюють властивості всіх однотипних елементів сторінки. Це зручно, якщо на сторінці потрібно змінити колір всього тексту або встановити фон для сайту.
Поділися в соц мережах:

Увага, тільки СЬОГОДНІ!
—хоже

Увага, тільки СЬОГОДНІ!