Блокнот Windows — это базовая программа для обработки текста, которую вы можете использовать для написания своих веб-страниц. Веб-страницы — это просто текст, и вы можете использовать любую текстовую программу для написания HTML .
Сохранить страницу как HTML
Когда вы создаете страницу, сохраните файл, пока не зашли слишком далеко. Используйте все строчные буквы и без пробелов или специальных символов в имени файла.
- В Блокноте нажмите Файл, а затем Сохранить как.
- Перейдите в папку, где вы сохраните файлы вашего сайта.
- Измените раскрывающееся меню « Тип файла» на « Все файлы» (*. *).
- Назовите файл, используя расширение .htm или .html .
Начните писать веб-страницу
Начните документ HTML5 в блокноте с DOCTYPE. Эта строка сообщает браузерам, какой тип HTML ожидать.
Доктайп декларация не является тегом. Он сообщает компьютеру, что документ HTML5 прибывает. Он идет вверху каждой страницы HTML5 и принимает эту форму:
<! DOCTYPE HTML PUBLIC "- // W3C // DTD HTML 4.01 Transitional // EN" "http://www.w3.org/TR/html4/loose.dtd">
После того, как вы укажете тип документа , начните свой HTML. Введите начальный тег и конечный тег и оставьте место для содержимого тела веб-страницы. Ваш документ в блокноте должен выглядеть так:
<! DOCTYPE HTML PUBLIC "- // W3C // DTD HTML 4.01 Transitional // EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
</ html>
Создать голову для вашей веб-страницы
В заголовке HTML-документа хранится основная информация о вашей веб-странице — такие как заголовок страницы и, возможно, мета-теги для поисковой оптимизации. Чтобы создать раздел заголовка, добавьте теги заголовка в HTML-документ Notepad между тегами html.
<Head>
</ head>
Как и в случае с тегами html, оставьте некоторое пространство между ними, чтобы у вас было место для добавления информации о заголовке.
Добавить заголовок страницы в главном разделе
Название вашей веб-страницы — это текст, который отображается в окне браузера. Это также то, что написано в закладках и избранных, когда кто-то сохраняет ваш сайт. Сохраните текст заголовка между тегами заголовка. Он не будет отображаться на самой веб-странице, только в верхней части браузера.
Эта страница примера называется «McKinley, Shasta и Other Pets».
<title> Маккинли, Шаста и другие домашние животные </ title>
Неважно, насколько длинен ваш заголовок или он занимает несколько строк в вашем HTML, но более короткие заголовки легче читать, и некоторые браузеры обрезают длинные в окне браузера.
Основная часть вашей веб-страницы
Тело вашей веб-страницы хранится в тегах тела. Он должен идти после тегов head, но до конечного html-тега. В этой области вы размещаете текст, заголовки, подзаголовки, изображения и графику, ссылки и весь другой контент. Это может быть сколько угодно.
Оставьте дополнительное пространство между начальным и конечным тегами тела.
Этот же формат можно использовать для записи вашей веб-страницы в блокноте.
<body>
</ body>
Создание папки изображений
Прежде чем добавлять содержимое в тело документа HTML, настройте каталоги, чтобы у вас была папка для изображений.
- Откройте окно « Мои документы» .
- Откройте папку, в которой вы храните ваши веб-файлы.
- Нажмите Файл > Создать > Папка.
- Назовите папку с изображениями .
Сохраните все изображения для вашего сайта в папке изображений, чтобы вы могли найти их позже. Это позволяет легко загружать их, когда вам нужно.