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

Сьогодні у зв'язку з бурхливим поширенням Internet все частіше використовуються Web-технології, зокрема, HTML і стандартні Web-браузери. HTML (HyperText Markup Language) - мова гіпертекстової розмітки. Даний формат визначає зовнішній вигляд документа, взаємне розташування текстової, графічної та мультимедійної інформації. Створенням сайтів займаються кампанії, за вельми великі гроші. Але за допомогою "html-тегів" можна створити досить цікавий сайт своїми руками.

Вам знадобиться

- браузер;
- текстовий редактор.

Інструкція

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

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

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

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 - завдання закладки, на яку буде здійснюватися посилання.

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

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

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