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

Веб-сторінки. Ми використовуємо їх кожен день. Але наскільки важко створити веб-сторінку? За допомогою програми Блокнот ви зможете легко створити просту веб-сторінку.

Створення власної веб-сторінки
Зображення з назвою Create a Simple Webpage Using Notepad Step 1
1
Відкрийте Блокнот. натисніть “Файл-gt; Зберегти як”. В полі “тип файлу” Виберіть “всі файли”. Збережіть ваш файл як file.html (file можна замінити на будь-яке інше назву). Зазвичай головна сторінка сайту називається index.html Тепер ви можете приступати до написання коду. Не хвилюйтеся, це не складно!
  • Зображення з назвою Create a Simple Webpage Using Notepad Step 2
    2
    HTML (мова гіпертекстової розмітки) використовує теги. Теги - це зазвичай певний текст в lt; кутовий скобкахgt; Для створення сторінки ви будете використовувати різні теги. Також є "закривають теги", Які виглядають як вони закривають, наприклад, текст, який потрібно виділити жирним.
  • Зображення з назвою Create a Simple Webpage Using Notepad Step 3
    3
    Перший тег веб-сторінки зазвичай html. Ви можете поставити його вгорі файлу, створеного в блокноті.
  • Зображення з назвою Create a Simple Webpage Using Notepad Step 4
    4
    Наступний тег - head (тег заголовка). між тегами і стоять теги title (повідомляє браузеру, що виводити вгорі вікна) і мета теги (повідомляють пошуковим службам, таким як Google, тематику сайту).
  • Зображення з назвою Create a Simple Webpage Using Notepad Step 5
    5
    У наступному рядку введіть
  • Зображення з назвою Create a Simple Webpage Using Notepad Step 6


    6
    Тепер закрийте тег head, ввівши
  • Зображення з назвою Create a Simple Webpage Using Notepad Step 7
    7
    Далі йде тег body. Введіть друге. Пам`ятайте, що не всі браузери підтримують всі кольори. (Наприклад, темно-сірий не підтримуватиме більшістю браузерів).
  • Зображення з назвою Create a Simple Webpage Using Notepad Step 8
    8
    Між двома тегами body йде контент вашої веб-сторінки, який бачить користувач. Давайте почнемо з заголовка. Тема - це секція з великим текстом, яка позначається в HTML тегом від

    до

    , де

    - найбільший розмір тексту. Тому, у верхній частині сторінки після тега body може бути щось на зразок цього

    Ласкаво просимо на мій сайт!

    Переконайтеся, що ви не забули закрити тег, інакше весь текст вашої веб-сторінки буде гігантським!
  • Зображення з назвою Create a Simple Webpage Using Notepad Step 9

    Відео: Урок 1 - створення простої web-сторінки

    9
    Наступний тег, який використовується в тілі веб-сторінки, це

    або тег параграфа.

    Тому після заголовка ви можете вставити

    Я вивчаю, як створити веб-сайт за допомогою wikiHow!

    Якщо ви хочете перейти на новий рядок, використовуйте тег (тег розриву рядка).
  • Зображення з назвою Create a Simple Webpage Using Notepad Step 10
    10
    Ви, напевно, не хочете, щоб на всій сторінці був звичайний текст. Тому давайте його відформатуємо. використовується для жирного тексту, - курсиву і - для підкреслення. Не забувайте закривають теги!
  • Зображення з назвою Create a Simple Webpage Using Notepad Step 11


    11
    Що дійсно привертає увагу на веб-сторінці - це картинки. Навіть якщо текст на сторінці відформатований, хто захоче дивитися на нескінченні слова? Щоб вставити малюнок, використовуйте тег . Але як і тег body, він вимагає додаткову інформацію. Тег img може виглядати наступним чином: dog src (джерело) - це назва малюнка. width і height - це ширина і висота малюнка в пікселях.
  • Зображення з назвою Create a Simple Webpage Using Notepad Step 12
    12
    Майже готово! Ви хочете, щоб відвідувачі вашого сайту могли побачити більше однієї сторінки. Для створення посилань використовуйте: Інша сторінка Текст між тегами, це те, за чим користувач клікає, щоб перейти на іншу сторінку, а частина href - на яку сторінку він потрапить після кліка. Використовуючи теги, відвідувачі зможуть без проблем переміщатися між сторінками вашого сайту.
  • Зображення з назвою Create a Simple Webpage Using Notepad Step 13
    13
    Для завершення вам треба закрити тег body і html.

    Відео: Створення html сайту в блокноті

  • Зображення з назвою Create a Simple Webpage Using Notepad Step 14
    14
    Збережіть вашу роботу і потім відкрийте .html в своєму улюбленому веб-браузері. Вітаємо! Ви тільки що створили веб-сторінку
  • Зображення з назвою Create a Simple Webpage Using Notepad Step 15
    15
    Якщо ви хочете розмістити ваш веб-сайт в інтернеті, пошукайте інформацію про це на сайті wikiHow.
  • Поради

    • Пошукавши в Інтернеті, ви можете знайти більше тегів. Існує безліч хороших сайтів, які допомагають людям зі створенням веб-сайтів. Наприклад, W3Schools.
    • Не забувайте додавати відповідні завершальні теги.
    • Якщо хочете вставити на веб-сторінці кутові дужки lt; і gt; використовуйте знак &
    • згідно підручниками HTML, завжди називайте ваші веб-папки і файли, використовуючи тільки латинські малі літери без пропусків і знаків. Хоча в Windows можна використовувати пробіл в імені файлів, більшість веб-хостингів цього не дозволяють. Тому ви збережете ваш час і нерви, якщо з самого початку назвете файли і папки належним чином.
    • Ви можете змінити шрифт, ввівши між тегами. Замініть N потрібним шрифтом, наприклад, "Verdana".


    Увага, тільки СЬОГОДНІ!

    Увага, тільки СЬОГОДНІ!
    » » Як створити просту веб сторінку в блокноті