Каждый день мы заходим на разные веб-сайты. Однако иногда мы задаемся вопросом, сложно ли создать собственный сайт? В этой статье вы получите инструкции по созданию простой веб-страницы HTML с помощью Блокнота.
Шаг
Метод 1 из 1. Создание собственной веб-страницы
Шаг 1. Откройте Блокнот
Этот текстовый редактор - встроенная программа, доступная на каждом компьютере с Windows, и ее можно найти в меню «Пуск». После открытия Блокнота нажмите «Файл»> «Сохранить как», затем выберите «Все файлы» в столбце «Тип файла». Сохраните созданный файл в формате HTML. Как правило, главная страница сайта имеет имя файла index.html и содержит ссылки на все страницы сайта.
Шаг 2. Разберитесь в HTML
Метка (тег) в HTML (язык гипертекстовой разметки) находится в формате.
Эти знаки служат для создания вашего веб-сайта. Чтобы завершить HTML-код, используйте закрывающий тег, например. Закрывающий знак полезен для закрытия различных знаков, таких как жирный шрифт или знаки абзаца.
Шаг 3. Начните свою веб-страницу, вставив тег в верхней части файла
Шаг 4. Используйте теги для ввода различной информации
Метки полезны для установки заголовка страницы, в то время как (необязательные) теги используются для ввода объяснения содержания веб-страницы. Затем знак будет прочитан поисковыми системами, такими как Google.
Шаг 5. После ввода тега присвойте странице заголовок с тегом, например wikiHow HTML.
Шаг 6. Завершите шапку сайта с помощью знака
Шаг 7. Используйте теги для ввода содержимого страницы
Имейте в виду, что не все цвета поддерживаются браузерами. Например, темно-серый цвет может не поддерживаться.
Шаг 8. Напишите содержимое веб-страницы между расширениями
Например, начните с создания заголовка сайта. Заголовок сайта - это часть сайта большими буквами, отмеченная знаком
до
. Подписать
вы можете использовать для создания заголовка сайта с наибольшим размером шрифта. Попробуйте использовать знак сразу под знаком, например
Добро пожаловать на мой сайт
. Убедитесь, что вы закрыли знак
в конце предложения.
Шаг 9. Создайте на странице абзац с отметкой
Например, напишите
Абзац тест!
Чтобы создать новую линию, используйте знак, или ломается.
Шаг 10. Вы, конечно, не хотите, чтобы создаваемая вами веб-страница содержала только простой текст
Используйте следующие флаги для форматирования текста на веб-страницах: выделить текст жирным шрифтом, выделить текст курсивом и подчеркнуть его. После использования знака выше не забудьте закрыть его!
Шаг 11. Добавьте изображение со знаком
украсить сайт и добавить информацию, которую невозможно объяснить в текстовой форме.
Подписать
для работы требуется определенная информация. Полный синтаксис знака
может иметь такую форму:.
Параметр src в знаке служит для записи имени файла изображения, а функция ширины и высоты - для описания длины и ширины.
Шаг 12. Создайте ссылку, которая ведет на другую страницу, например, с другой страницей
Текст в середине метки - это текст, который будет отображаться на странице, а параметр href содержит целевую страницу. С помощью ссылок посетители могут легко переходить на разные страницы вашего сайта.
Шаг 13. Когда вы закончите заполнение сайта, закройте страницу, закрыв
Наконец, закройте HTML-код с помощью
Шаг 14. Сохраните созданную веб-страницу с расширением.html и откройте ее в своем любимом браузере, чтобы протестировать
Шаг 15. Прочтите следующее руководство, чтобы загрузить свой сайт в Интернет
подсказки
- В Интернете есть различные сайты, содержащие руководства по созданию веб-сайта. W3school - это сайт с хорошими материалами.
- Убедитесь, что вы закрыли все теги в HTML-файле.
- Поставьте отметку в первой строке файла перед расширением. Этот флаг указывает на то, что создаваемый вами файл является файлом HTML5.
- Измените шрифт с пометками до и после. Замените "N" желаемым шрифтом, например "Verdana".
- Если вам нужно использовать угловые скобки, используйте код. Между тем, чтобы использовать знак &, используйте код &.
- Согласно руководствам по HTML, вы всегда должны называть веб-файлы и папки строчными буквами, без пробелов и знаков препинания. В то время как Windows позволяет вам вставлять пробелы в имена файлов, многие провайдеры хостинга этого не делают. Кроме того, аккуратное имя файла облегчит вам управление сайтом.
