Як створити сайт за допомогою html

Формат HTML-файлу досить простий. Складання та внесення змін до файл здійснюється будь-яким текстовим редактором. Для перегляду результатів використовується Web-браузер. Основною перевагою HTML-документів є їх здатність утримувати перехресні посилання один на одного. Перехресні посилання допомагають швидко звернутися до документа з додатковою інформацією по питанню, а потім продовжити роботу з вихідним текстом. Будь-який документ, написаний за допомогою мови HTML, складається з вмісту сторінки, тобто тексту, і керуючих символів - тегів. Усі теги HTML обов`язково полягають в кутові дужки. Як правило, використовується стартовий тег і завершальний тег. Завершальний тег відрізняється від стартового наявністю слеша.

Щоб приступити до створення сайту, зайдіть в текстовий редактор (блокнот).

Далі вводите теги:

Відео - Як створити свій сайт за допомогою html / частина 1

HTML - / HTML - перший і останній теги будь-якого HTML-документа.
HEAD - / HEAD - початок і кінець заголовка документа.
TITLE - / TITLE - завдання назва документа (заголовок вікна браузера).
BODY - / BODY - початок і кінець тіла HTML-документа, який визначає зміст документа.

Далі потрібно оформити текст. Для цього знадобляться наступні теги:

Hx - / Hx - (x - цифра від 1 до 6) описують заголовки шести різних рівнів. Тема першого рівня найбільший, шостого рівня - найдрібніший.
P - / P - описують абзац (тег / P може бути відсутнім).
ALIGN - параметр, що визначає вирівнювання абзацу:
ALIGN = CENTER - вирівнювання по центру-
ALIGN = RIGHT - вирівнювання по правому краю-
ALIGN = LEFT - вирівнювання по лівому краю.
BR - перехід на новий рядок, не перериваючи абзацу.
B - / B - відображення тексту жирним шрифтом.
I - / I - відображення тексту курсивом.
U - / U - підкреслений текст.
STRIKE - / STRIKE - перекреслений текст.
BLOCKQUOTE - / BLOCKQUOTE - відображення цитат.
SUB - / SUB - відображення підрядкових індексів.
SUP - / SUP - відображення надрядкових індексів.
TT - / TT - використання шрифту з фіксованою шириною символів.
BIG - / BIG - збільшення розміру поточного шрифту.
SMALL - / SMALL - зменшення розміру поточного шрифту.
BASEFONT SIZE = n - (n - цифра від 1 до 7) - базове значення розміру шрифту.
FONT SIZE = + - n - FONT - зміна розміру шрифту.
FONT COLOR = # xxxxxx - FONT - установка кольору шрифту: Aqua - морська хвиля-Black - черний- і т.д.
BODY BGCOLOR = # xxxxxx - зміна кольору фону.
HR - горизонтальна лінія, цей тег може використовувати атрибути:
COLOR - колір лінії-
SIZE - товщина лінії в пікселах-
WIDTH - ширина лінії в пікселах або у відсотках від ширини вікна-
ALIGN - вирівнювання лінії-
NOSHADE - малювання без тені-
SHADE - малювання з тінню.

Якщо вам необхідно в вашому сайті вставити будь-якої список, вам знадобитися ввести теги:

UL - / UL - ненумерований список (перерахування, без упорядкування):
LI - визначення елемента спіска-
TYPE - параметр, що визначає маркер списку:
TYPE = CIRCLE - в якості маркера використовується окружность-
TYPE = DISK - в якості маркера використовується точка
TYPE + SQUARE - в якості маркера використовується квадрат.
OL - / OL - нумерований список:
TYPE - параметр, що задає тип списку:
TYPE = A - як тих, що нумерують списку будуть використані прописні латинські букви-
TYPE = a - як тих, що нумерують списку будуть використані малі латинські букви-
TYPE = I - в якості нумераторів списку будуть використані великі римські цифри-
TYPE = i - як тих, що нумерують списку будуть використані маленькі римські цифри-
START - параметр, що визначає початковий номер списку.
DL - / DL - список з поясненнями:
DT - позначення елемента спіска-
DD - пояснення до елемента списку.

Щоб ваш сайт не обмежився однією сторінкою, створіть кілька. Для переходу вам знадобляться гіперпосилання, які визначаються наступними тегами:

A HREF = URL - / A - вставка посилання в документ (між тегами необхідно вписати текст посилання).
HREF - адреса сторінки або ресурса-
URL - уніфікований адресу ресурсу: servis: // server [: port] [/ path]:
service - найменування протоколу (HTTP - доступ до HTML-документу, FTP запит файлу з FTP-сервера, FILE-доступ до
файлу на локальній машині) -
server - вказівка імені ресурса-
port - номер порту, на якому функціонує Web-сервер-
path - каталог, в якому знаходиться ресурс.
A HREF = # ім`я закладки - / A - вставка локальної посилання (між тегами необхідно вписати текст посилання).
A NAME = ім`я закладки - / A - завдання закладки, на яку буде здійснюватися посилання.

Відео - Курс HTML і CSS - Як створити ваш перший сайт

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

BODY BACKGRAOUND ="ім`я файлу" - завдання малюнка, використовуваного в якості фону.
IMG SRC ="ім`я файлу" - вставка графічного файлу в HTML-документ, цей тег використовує параметри:
ALT ="текстовий рядок" - визначає текстовий рядок, яка виводиться замість графічного зображення, якщо в браузері відключена можливість автоматичного завантаження графікі-
HEIGHT, WIDTH - висота і ширина зображення в пікселах-
HPACE, VSPACE - ширина вільного простору, що відокремлює графічне зображення від тексту по горизонталі і по вертикалі
ALIGN - вирівнювання тексту відносно графіки.

Відео - Створити сайт самому. Урок 1. Основи верстки (HTML, CSS) і програмування (javascript)

І останнє, що необхідно - це зберегти текстовий файл у форматі * .html, після чого запустіть його за допомогою браузера. Сайт готовий.