Как создать простой веб-сайт с помощью блокнота

Автор: John Stephens
Дата создания: 26 Январь 2021
Дата обновления: 1 Июль 2024
Anonim
Создание html сайта в блокноте
Видео: Создание html сайта в блокноте

Содержание

Мы используем веб-страницы каждый день, но сложно ли их создать? Из этой статьи вы узнаете, как создать простой HTML-сайт с помощью Блокнота.

Шаги

Метод 1 из 1. Создайте собственный веб-сайт

  1. Откройте Блокнот. Блокнот предустановлен на каждом компьютере с Windows, и вы можете найти его в меню «Пуск». После открытия Блокнота нажмите «Файл» и выберите «Сохранить как» в раскрывающемся меню. Затем выберите «Все файлы» в меню типа файла и сохраните файл как HTML. Обычно файл index.html является главной страницей, содержащей все ссылки для доступа ко всему на сайте.

  2. HTML (язык разметки гипертекста) использует теги. По сути, теги - это слова с диакритическими знаками. .
    Вы будете использовать множество тегов для создания своей веб-страницы. Рядом с ним находится «закрывающий тег», который используется для завершения строки кода. Например: Эти теги заканчиваются полужирным шрифтом или абзацем текста.

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

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

    приходить

    , с картой

    самый большой размер. Итак, в верхней части веб-страницы после тега body вы можете написать

    Добро пожаловать на мою страницу!

    Всегда следует ставить закрывающий тег, иначе весь текст на веб-странице будет завышен!
  9. Другой тег, который можно включить в содержимое веб-страницы, - это

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

    . Я учусь делать сайт! Правила WikiHow! Если вы хотите создать новую строку на странице, используйте тег упаковки
    .

  10. Веб-сайт с простым текстом - это скучно. Итак, давайте добавим несколько форматов. Карта жирным шрифтом, выделить курсивом и подчеркнуть. Не забывайте закрывающий тег!
  11. Что делает сайт действительно интересным, так это изображения. Даже если текст отформатирован, никто не хочет видеть страницу как весь текст. Использовать карту для вставки картинок. Но, как и тег body, этот тег требует дополнительной информации. Тег img будет выглядеть так: собака’ src=Данные src (источник: источник) - это имя изображения. За шириной и высотой стоят ширина и высота изображения в пикселях.
  12. Почти готово! Если вы хотите, чтобы ваши посетители могли просматривать несколько страниц, используйте тег: Другие страницы Содержимое тега - это то, что пользователь щелкнет, чтобы перейти на следующую страницу, а раздел href - это ссылка на эту страницу. С помощью этого тега вы можете легко показать пользователям свой сайт.
  13. Чтобы закончить, вам нужно закончить тег тела символом и вся веб-страница по тегу
  14. Сохраните файл с расширением .html ». Затем откройте файл file.html в своем любимом браузере, чтобы увидеть, как он работает. Поздравляю! Вы только что создали сайт.
  15. Если вы хотите опубликовать свой веб-сайт в Интернете, узнайте, как создать веб-сайт с доменным именем. рекламное объявление

Совет

  • Вы можете найти множество карточек в Интернете. Существует множество полезных веб-сайтов, которые помогают людям научиться создавать веб-сайты (W3Schools - один из них).
  • Не забудьте использовать закрытие.
  • Обязательно заказывайте карту в первой строке перед тегом Сообщите браузеру, что ваш сайт соответствует стандарту HTML5.
  • Вы можете изменить шрифт с помощью тегов перед а потом . N обозначает шрифты, такие как "Verdana".
  • Если вы хотите использовать специальные символы на веб-странице, введите & lt (<), & gt (>), & amp (амперсанд) и т. Д., Конец кода ДОЛЖЕН ИМЕТЬ точку с запятой ";".
  • В учебниках HTML имена папок и веб-файлов всегда пишутся строчными буквами без каких-либо диакритических знаков. Хотя Windows позволяет использовать пространство, многие поставщики веб-хостинга этого не делают, поэтому вы сэкономите время и нервы, выбрав правильные имена файлов и папок с самого начала.