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

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

У більшості випадків при відсутності досвіду створення веб-сторінок для цієї мети використовуються різноманітні системи створення сайтів. Однак якщо треба написати сторінку безпосередньо у себе в комп’ютері, без будь-яких скриптів або програм, то завдання це зовсім не так складна, як може здатися. Мінімальний набір інструкцій («тегів») мови HTML, необхідний для відображення найпростішої веб-сторінки, може вміститися в десяток рядків.

Інструкція

  1. Відкрийте будь-який текстовий редактор. Наприклад, простого Блокнота Windows буде достатньо для створення простої html-сторінки. Зручніше відразу зберегти веб-документ — зробіть це ще до запису в нього будь-яких тегів. Файл може бути будь-яким, а розширенням повинно бути htm або html — наприклад, page.html.
  2. Вкажіть у першому рядку документа специфікацію HTML-стандарту, який буде використаний при написанні посібників мови. Наприклад:

    <! DOCTYPE html PUBLIC «- / / W3C / / DTD XHTML 1.0 Transitional / / EN»

    «Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd»>
  3. Обозначте область, яка містить інструкції мови HTML — він має починатися відкриває тегом <html> і закінчуватися закриває </ html>.
  4. Помістіть відразу після тега <html> заголовну частину веб-документа — це блок, який повинен бути присутнім в коді кожної сторінки. Він не видно відвідувача сторінки, але містить службову інформацію для браузера і пошукових роботів. Цей блок починається з тега <head> і закінчується тегом </ head>. Між ними помістіть рядок, з якої браузер прочитає текст заголовка вікна цієї сторінки:

    <title> Це заголовок вікна </ title>

    Після тега title напишіть метатег, що містить інформацію про використовуваний кодуванні:

    <meta http-equiv=»Content-Type» content=»text/html; charset=windows-1251″ />

    Це мінімально необхідний для нормального відображення сторінки набір тегів заголовної частини.
  5. Вставте блок інструкцій видимої частини документа відразу після закриває тега заголовка (</ head>). Цей блок обмежується відкриває тегом <body> і закриває </ body>. Між ними розміщуються теги всіх елементів, які відвідувач повинен побачити на сторінці. У найпростішому варіанті сюди можна помістити будь-який текст. Наприклад:

    <body>

    Це текст простої сторінки

    </ Body>
  6. Збережіть весь набраний вами вихідний код html-сторінки. Повністю він повинен виглядати так:

    <! DOCTYPE html PUBLIC «- / / W3C / / DTD XHTML 1.0 Transitional / / EN»

    «Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd»>

    <html>

     <head>

      <title> Це заголовок вікна </ title>

      <meta http-equiv=»Content-Type» content=»text/html; charset=windows-1251″ />

     </ Head>

     <body>

      Це текст простої сторінки

     </ Body>

    </ Html>

    Переглянути цю сторінку ви можете, двічі клацнувши збережений файл.
  7. Використовуйте спеціалізовані HTML-редактори, які значно спрощують створення веб-сторінок. Наприклад, необхідні теги найпростішої сторінки в них створюються разом зі створенням нового документа, тобто простим натисканням клавіш CTRL + N.