Як створювати веб-сторінку

Як створювати веб-сторінку

Кожен з нас виходить в інтернет як в космос — спочатку хочеться подивитися «як там?», Потім хочеться оглянути якомога більше всього, що там є, а потім виникає бажання залишити там щось своє власне — не просто «написи на стінах» , а щось більш суттєве. Почати можна з створення простої веб-сторінки — нижче викладена покрокова інструкція.

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

Текстовий редактор.

Інструкція

  1. Все, що відвідувач сайту бачить на веб-сторінці, відтворюється браузером з інструкцій, надісланих на його запит сервером. Ці інструкції написані на мові HTML (HyperText Markup Language — «мова розмітки гіпертексту») і для файлів, в яких вони зберігаються, виділені розширення htm і html. Створити такий файл ви можете у звичайному текстовому редакторі — це буде першим кроком створення веб-сторінки. Відкрийте, наприклад, стандартний Блокнот, і створіть порожній файл з ім’ям index.html. Коли ви набираєте адресу сайту, не вказуючи конкретну сторінку (наприклад, http://kakprosto.ru), сервер насамперед шукає сторінку саме з такою назвою — index.
  2. Інструкції мови HTML називають «тегами» і кожен з них укладено в такі дужки — <>. Деякі з тегів — парні, тобто складаються з відкриваючого і закриває тегів, а між ними розміщується інформація. Наприклад, тег, що дає браузеру зрозуміти, що нижче розміщений код саме на мові HTML, пишеться так:

    <HTML>

    Закриваючий тег, що повідомляє, що в цьому місці код HTML закінчений, пишеться так:

    </ HTML>

    Як бачите, що закриває тег відрізняється від відкриваючого наявністю значка слеша після відкриває дужки (</).
  3. Весь код, який ви помістіть між тегами <HTML> і </ HTML>, повинен бути розбитий на дві частини — заголовну і тіло документа. Відкриває та закриває теги заголовної частини пишуться так:

    <HEAD>

    </ HEAD>

    Це «службова» частина сторінки — тут розміщується інформація для заголовка вікна, ключові слова та опис для пошукових роботів, описи стилів, скрипти тощо Впишіть в неї заголовок вікна сторінки:

    <TITLE> Це заголовок! </ TITLE>

    Повний текст вашої html-сторінки на цей момент повинен виглядати так:

    </ HTML>

     <HEAD>

      <TITLE> Це заголовок! </ TITLE>

     </ HEAD>

    <HTML>
  4. Після заголовної частини вам потрібно розмістити теги, між якими будуть укладені інструкції тіла документа:

    <BODY>

    </ BODY>

    Впишіть між ними, наприклад, тег, який виводить на сторінку параграф тексту:

    <P> Тут цілий параграф інформації! </ P>

    Не всі теги мови HTML — парні. У деяких з них все необхідне розміщено всередині відкриваючого тега. У таких тегів закриваючий слеш ставиться перед закриваючою дужкою. Наприклад, тег закінчення рядка і «переведення каретки» <br />:

    <br />

    <P>

     Перший рядок параграфа.

     <br />

     Другий рядок параграфа.

    </ P>

    Всього цього достатньо, щоб браузер нормально відобразив вашу сторінку. Весь html-код у зборі повинен виглядати так:

    </ HTML>

     <HEAD>

      <TITLE> Це заголовок! </ TITLE>

     </ HEAD>

     <BODY>

      <P>

       Перший рядок параграфа.

       <br />

       Другий рядок параграфа.

      </ P>

     </ BODY>

    <HTML>

    На цьому створення простої сторінки закінчено — зберігши документ (index.html), ви можете відкрити його в браузері і побачити свою сторінку.