Як створити простий файл формату HTML

Ця стаття розповість вам, як створювати прості речення і абзаци на мові HTML. Є багато програм для створення веб-сайтів, але це можна зробити і за допомогою Блокнота.

Зміст

кроки
Відео: Створення простої web Сторінки в html
Поради
Відео: Як створити html файл
Що вам знадобиться

кроки

Простий файл формату HTML

Зображення з назвою Use Simple Html Format Step 1

Для початку трохи інформації про HTML:
При програмуванні на HTML використовуються теги. Вони задають формат тексту, що відображається на сайте- з їх допомогою малюються таблиці, вставляються зображення і т.д.
Тег вводиться в таких дужках "lt; gt;", наприклад lt; хххgt ;.
Текст, що знаходиться поза дужками, буде відображатися на сайті.
Є два види ключових слів: відкривають та закривають.
Відкривають теги включають тільки одне ключове слово, наприклад, lt; хххgt ;.
Закривають теги ставляться в кінці тексту, що відображається і містять символ "/" і ключове слово, наприклад:
Привіт, мене звуть Оксана.

Зображення з назвою Use Simple Html Format Step 2

Відкрийте Блокнот.

Зображення з назвою Use Simple Html Format Step 3

Відео: Створення простої Web Сторінки в HTML

ВведітьWelcome to my first web site

Зображення з назвою Use Simple Html Format Step 4

Збережіть текстовий документ під будь-якою назвою, але в форматі HTML (з розширенням .html), наприклад, Website.html.

Зображення з назвою Use Simple Html Format Step 5

Відкрийте папку, в якій ви зберегли файл-його значок матиме логотип iExplorer.

Зображення з назвою Use Simple Html Format Step 6

Відкрийте файл і результат буде виглядати так:

Зображення з назвою Use Simple Html Format Step 7

Експериментуйте з іншими тегами. Ось список найбільш поширених тегів:

напівжирний: lt; b gt; hello lt; / b gt; ---- gt; hello

Зображення з назвою Use Simple Html Format Step 8

курсив: lt; i gt; hello lt; / i gt; ---- gt; hello

Зображення з назвою Use Simple Html Format Step 9

підкреслення: lt; u gt; hello lt; / u gt; ---- gt; hello

Зображення з назвою Use Simple Html Format Step 10

Колір шрифту: lt; font color ="f11a0a" gt; hello lt; / font gt; ---- gt; hello

Зображення з назвою Use Simple Html Format Step 11

Міжрядковий інтервал: hello lt; br gt; how are u? ---- gt; hello
how are u?

Зображення з назвою Use Simple Html Format Step 12

Поради

В HTML колір задається в вигляді коду, наприклад:
0000ff = синій
Код складається з 6 символів (букв і цифр: 0 1 2 3 4 5 6 7 8 9 a b c d e f).
Ви можете створити ваші власні колірні коди або знайти їх в інтернеті.
Якщо ви хочете відредагувати сайт, клацніть по ньому правою кнопкою миші і натисніть "Вихідний код сторінки". Відкриється текстовий документ, який ви можете отредактіровать- потім збережіть документ і обновіть сайт, щоб переглянути внесені зміни.
000000 = чорний
ff0000 = червоний
00ff00 = зелений
ffffff = білий
В інтернеті знайдіть додаткові теги, щоб персоналізувати ваш сайт.