Як створити простий веб-сайт за допомогою блокнота

Автор: John Stephens
Дата Створення: 26 Січень 2021
Дата Оновлення: 1 Липня 2024
Anonim
Создание html сайта в блокноте
Відеоролик: Создание html сайта в блокноте

Зміст

Ми використовуємо веб-сторінки щодня, але чи складно їх створити? Ця стаття навчить вас створювати простий веб-сайт у форматі HTML за допомогою Блокнота.

Кроки

Спосіб 1 з 1: Створіть власний веб-сайт

  1. Відкрийте Блокнот. Блокнот поставляється попередньо встановленим на кожному комп’ютері Windows, і ви можете знайти його в меню Пуск. Відкривши Блокнот, натисніть «Файл», у спадному меню виберіть «Зберегти як». Потім виберіть "Усі файли" в меню типу файлу та збережіть файл як HTML. Зазвичай файл "index.html" є головною сторінкою, що містить усі посилання для доступу до всього на веб-сайті.

  2. HTML (мова розмітки HyperText) використовує теги. В основному теги - це слова з наголосом .
    Ви будете використовувати багато тегів для створення своєї веб-сторінки. Поруч з ним знаходиться "закритий тег", який використовується для закінчення рядка коду. Наприклад: Ці теги закінчуються жирним шрифтом або абзацом тексту.

  3. Заголовок веб-сторінки, як правило, є тегом: . Ви можете розмістити його у верхній частині файлу Блокнота.
  4. Далі йде картка .
    Наступним є , ця вкладка повідомляє браузеру, що розмістити у верхній частині вікна та <i>метатег </i> (необов’язково) повідомляє пошуковій системі (наприклад, Google), про що йдеться на сайті.

  5. На наступному рядку, після картки головаПоставимо заголовок, наприклад: wikiHow HTML
  6. Тепер введіть закінчити першу частину.
  7. Далі на веб-сайті є тег . Зверніть увагу, що браузери підтримують не всі кольори (наприклад, більшість браузерів не підтримують темно-сірий).
  8. Між двома тегами тіла знаходиться вміст веб-сторінки, який бачить користувач. Почнемо з заголовка. Це велика частина тексту, зазначена в HTML із тегу

    приходь

    , з карткою

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

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

    Завжди слід ставити закритий тег, інакше весь текст веб-сторінки буде завищений!
  9. Ще одним тегом, який може бути включений у вміст веб-сторінки, є

    або теги абзаців. Після заголовка ви можете ввести

    . Я вчусь, як зробити веб-сайт! WikiHow правила! Якщо ви хочете створити новий рядок на сторінці, використовуйте тег обтікання
    .

  10. Веб-сайт із простим текстом нудний. Тож давайте розмістимо деякі формати. Картка жирний текст, курсивом і підкреслити. Не забудьте закриваючий тег!
  11. Що робить веб-сайт справді цікавим - це зображення. Навіть якщо текст відформатований, ніхто не хоче бачити сторінку як весь текст. Скористайтеся карткою вставити картинки. Але як і тег body, цей тег потребує додаткової інформації. Тег img буде виглядати так: пес’ src=Дані src (джерело: джерело) - це назва зображення. Ззаду ширина та висота - це ширина та висота в пікселях зображення.
  12. Майже зроблено! Якщо ви хочете, щоб ваші відвідувачі могли переглядати кілька сторінок, використовуйте тег: Інші сторінки Вміст тегу - це те, що користувач натисне, щоб перейти на наступну сторінку, а розділ href - це посилання на цю сторінку. За допомогою цього тегу ви можете легко показати користувачам ваш веб-сайт.
  13. Щоб закінчити, вам потрібно закінчити тег body і всю веб-сторінку за тегом
  14. Зберегти файл із розширенням .html '. Потім відкрийте файл.html у вашому улюбленому браузері, щоб побачити, як він працює. Вітаємо! Ви щойно створили веб-сайт.
  15. Якщо ви хочете опублікувати свій веб-сайт в Інтернеті, дізнайтеся, як створити веб-сайт із доменним іменем. реклама

Порада

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