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

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

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

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

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

Інструкція

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

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

    HTML — / HTML — перший і останній теги будь-якого HTML-документа.

    HEAD — / HEAD — початок і кінець заголовка документа.

    TITLE — / TITLE — завдання назва документа (заголовок вікна браузера).

    BODY — / BODY — початок і кінець тіла HTML-документа, що визначає зміст документа.
  3. Далі потрібно оформити текст. Для цього знадобляться наступні теги:

    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 — малювання з тінню.
  4. Якщо вам необхідно в вашому сайті вставити який-небудь список, вам знадобитися ввести теги:

    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 — пояснення до елемента списку.
  5. Щоб ваш сайт не обмежився однією сторінкою, створіть декілька. Для переходу вам знадобляться гіперпосилання, які визначаються такими тегами:

    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 — завдання закладки, на яку буде здійснюватися посилання.
  6. Для того щоб сайт був ненудним, необхідно графічне оформлення. Для цього скористайтеся тегами:

    BODY BACKGRAOUND = «ім’я_файлу» — завдання малюнка, використовуваного в якості фону.

    IMG SRC = «ім’я_файлу» — вставка графічного файлу в HTML-документ, цей тег використовує параметри:

    ALT = «текстовий рядок» — визначає текстовий рядок, що виводиться замість графічного зображення, якщо в браузері відключено можливість автоматичного завантаження графіки;

    HEIGHT, WIDTH — висота і ширина зображення в пікселях;

    HPACE, VSPACE — ширина вільного простору, що відокремлює графічне зображення від тексту по горизонталі і по вертикалі;

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

Зверніть увагу

Пам’ятайте, що всі теги HTML обов’язково полягають в кутові дужки. Інакше браузер не відобразить потрібні вам поля.

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

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