Создание сайта в блокноте

Сайт можно создать даже в блокноте. В этом нет ничего сложного, если придерживаться нижеописанного алгоритма.

На первом этапе необходимо открыть блокнот и создать текстовый документ. Для удобства ему стоит сразу же задать какое-нибудь имя (например, my_first_page). Также следует изменить расширение документа с .txt на .html.

Далее необходимо заново открыть только что созданный документ. Для этого можно использовать не только Блокнот, но также Notepad++ или любой другой текстовый редактор. При этом желательно, чтобы он был оснащен подсветкой синтаксиса.

Следующий этап предусматривает вставку в чистый документ этого фрагмента:

Все внесенные изменения должны быть сохранены.

Теперь файл my_first_page.html можно открыть в любом браузер.

Новичкам, которые впервые создают сайт в блокноте, стоит сравнить указанный HTML-код и результат его работы в браузере. Причем желательно разобрать каждую строчку кода.

В этой статье мы вместе разберем код и узнаем, за что отвечает каждая строчка.

Этот тег символизирует начало любого HTML-документа. Он информирует об используемой версии языка разметки. В случае отсутствия этой строки браузер не сможет нормально обработать код. Указание этого тега позволяет интернет-обозревателю понять, что этот документ соответствует языку разметки HTML 5. Таким образом, браузер будет обрабатывать указанный код согласно стандартам этого языка.

Эта строка говорит о том, что между указанными тегами будет использоваться HTML-код. Стоит отметить, что эти теги использовать необязательно, однако согласно «правилам хорошего тона» принято.

Данный контейнер содержит теги со вспомогательными сведениями для браузеров и поисковых роботов. В нем можно задавать файлы скриптов, CSS-таблицы и ключевые слова.

В тегах «тайтл» указывается заголовок страницы, который пользователь видит при открытии вкладки. Поэтому данный тег важен не только для поисковиков, но и для пользователей, которые благодаря нему могут определить тематику сайта и конкретной страницы.

У любого HTML-документа есть не только «голова» с важными вспомогательными сведениями, но и «тело». Именно в нем и содержится основной код документа. В указанном примере тело документа содержит только лишь одну фразу, которая отображается при открытии страницы.

Внутри «тела» разработчик может указывать любую информацию, которая впоследствии будет отображена в браузере.

Многие начинающие веб-разработчики наверняка обратили внимание на то, что слеш находится не после, а перед закрывающим тегом. Данная особенность обусловлена стандартами языка HTML.

Стоит также добавить, что на основе данного примера можно создавать любые другие страницы. Для того чтобы создать полноценный сайт в блокноте, достаточно только лишь поменять информацию внутри контейнеров title, html, head и body.



Теги:
0

Оставить своё мнение

Ваш e-mail не будет опубликован. Обязательные поля помечены *