Як створити html сторінку в блокноті

Як створити html сторінку в блокноті

Створення власного веб-сайту не здасться таким складним, яким здається на перший погляд, якщо розібратися в основах мови HTML і створити найпростішу веб-сторінку в звичайному блокноті, який є на кожному комп’ютері. Саме з створення HTML-сторінок в блокноті всі веб-програмісти починали вчитися сайтобудування, і ви теж можете освоїти цю нескладну науку.

Інструкція

  1. Тег <html> є основним тегом вашого сайту — всередині нього міститься вся решта код, що становить вашу веб-сторінку. Завершення коду позначається закриває тегом </ html>.
  2. Збережіть текстовий документ, але не в текстовому форматі, а у форматі html — при збереженні перейменуйте файл в index.html. Відкрийте отриманий файл за допомогою будь-якого браузера — ви побачите порожню сторінку, на якій буде надруковано заголовок сайту, введений вами в попередньому кроці.
  3. Тепер ви в будь-який момент можете відкрити створений файл за допомогою блокнота і продовжити редагувати його код для подальшого наповнення сторінки. Вивчіть основні html-теги для форматування сторінки. Тег <br> використовуйте для перенесення тексту на рядок нижче, а тег <head> </ head> і <title> </ title> використовуйте для визначення заголовка сторінки. Важливим тегом є <body> </ body> — в ньому має міститися тіло документа.
  4. Отже, створивши базу сторінки, починайте заповнювати її текстом. Візьміть будь-який текст, який ви хочете вставити на сайт, скопіюйте його і вставте відразу після тега <body> в документ. Збережіть файл.
  5. Тепер відформатуйте текст — розбийте його на абзаци за допомогою тега <p> і вирівняйте його за допомогою параметра align зі значеннями left, center, right, justify. За замовчуванням всі тексти в HTML вирівнюються по лівому краю. Деякі особливо важливі моменти і заголовки виділіть жирним шрифтом, уклавши частину тексту в теги <b> </ b>. Для того щоб зробити текст похилим, укладіть його в теги <i> </ i>.
  6. Для того щоб сторінка виглядала яскравіше і привабливіше, доповніть текст будь-яким зображенням. Виберіть відповідну картинку або фотографію, зменшіть її в будь-якому редакторі і збережіть у папці з файлами для майбутнього сайту. Введіть тег <img src=»picture.jpg»> в те місце коду, де повинна розташовуватися ілюстрація. Замість picture введіть повне ім’я вашої збереженої картинки. При бажанні вирівняйте зображення за допомогою вже описаного вище параметра align. Збережіть документ і відкрийте його в браузері, щоб переконатися, що зображення та текст відображаються на сторінці.