Как создать сайт в блокноте html

Наверное, многие пользователи интернета, а если вы читаете эту статью, то и вы, задумывались о том, как написать свой сайт. И это не так уж сложно, как может казаться на первый взгляд. Основа написания сайтов — HTML. HTML является языком разметки гипертекста. Зная его, вы сможете сами написать несложный сайт или разобраться в коде уже написанного. В этой статье постараюсь ясно преподнести азы языка HTML.

website development project on whiteboard
website development project on whiteboard

HTML нужен для того, чтобы объяснять браузеру, как ему следует отображать наш сайт. С помощью HTML указывается, какие разделы будут в меню сайта, где будут находиться изображения, какой текст будет ссылкой и т. д.
В HTML существует понятие «тег». Теги разделяют на парные и не парные. Парные теги похожи на «контейнеры». Эти «контейнеры» содержат в себе открывающие и закрывающие теги. Например, тег <i> делает текст курсивом. Тег <i> — открывающий. Закрывающий такой же, только с символом / пред i, то есть </i>. Для того чтобы сделать текст курсивом, нужный текст берется в теги, как в скобочки. В результате получится вот такой вот «контейнер»: <i>курсив</i>. Такой принцип используется во всех парных тегах. Различия лишь в командах. Командой в нашем случае является i, которая делает текст курсивом. Но вместо курсива можно использовать жирный шрифт — тег <b>. Он тоже парный. Эти два тега предназначены для придания тексту визуального различия. Они необязательные. Но на всех сайтах есть обязательные теги — служебные. Весь сайт имеет такой вид:
<html>
<head>

<title>Название вкладки в браузере</title>

</head>
<body>

Содержимое сайта, которое мы видим

</body>
</html>
Можем рассмотреть каждый тег из приведенного примера. Тег <html> сообщает браузеру о том, на каком языке вы с ним будете говорить. В него входит все содержание сайта, в том числе все остальные теги, включая служебные. Дальше тег <head>. head с английского языка переводится как «голова». В нем прописывается информация для браузера. В примере мы сообщили браузеру название вкладки тегом <title>. Если вы обращали внимание, в браузере на вкладках находится текст, который сообщает о том, какая страница открыта, например «Главная». На некоторых сайтах пишутся названия открытых статей или страниц. Теперь, непосредственно, перейдем к тегу, в котором находится отображаемая часть сайта. Это тег <body>. С английского языка слово body переводится как «тело», что является подходящим названием для тега. В теге <body>, как в большом «контейнере», находится видимая часть сайта, которая отображается в браузере. Она включает в себя меньшие «контейнеры» типа таких, о которых говорилось в начале статьи — <i> и <b>. Сами теги типа <i> и <b> мы не видим, но мы видим их влияние на текст.
Мы рассмотрели служебные теги и два тега для форматирования текста. Но тегов для форматирования больше, чем два. Чаще всего используются такие теги:

<p>Тег для выделения абзаца</p>

<center>Тег для выравнивания текста по центру страницы</center>

<h1>Тег для регулировки размера текста</h1> (этот тег используется со значениями от 1 до 6, при этом чем меньше цифра, тем больший размер текста).
Теперь о не парных тегах. Их меньше, чем парных. Два основных, которые нужны практически всем — <br> и <hr>. В чем их разница? Разница несущественная. Они отличаются лишь тем, что тег <br> просто переносит текст, который находится после него на следующую строку, а тег <hr> делает это с последующей вставкой полосы, то есть подчеркиванием предыдущей строки. Эти теги пишутся самостоятельно, без закрывающих тегов. Хочу заметить, что если вы пишите длинный текст, который не вмещается в одну строку, вставлять тег <br> для переноса строки не нужно, так как браузер сам переносит текст. Эти теги применяют для того, чтобы в тексте выделить какие-либо пункты.
В тегах мы разобрались, но где же их писать, чтобы получился сайт? Вы, наверное, удивитесь, но сайты пишутся в обычном блокноте. Если ваш компьютер работает на базе операционной системы windows, вы можете писать сайт в стандартной программе Блокнот. После того как код вашего сайта полностью набран, его нужно сохранить как сайт. По стандарту файлы, созданные через блокнот, имеют формат текстового документа .txt, но его нужно изменить на .html. В результате вы должны получить файл с именем «Имя_файла.html» (без кавычек). После сохранения своего сайта в формате .html вы сможете его просмотреть, если откроете с помощью браузера. Чтобы его изменить или откорректировать, его нужно снова открыть через блокнот.

Безымянный

81
На этом все. Надеюсь, что азы в написании сайтов из этой статьи вы усвоили. Для того чтобы создавать профессиональные сайты, следует выучить HTML и с легкостью его использовать по памяти. Но HTML — это язык для ввода текста на сайте. Для того, чтобы создать уникальный сайт с красивым дизайном и различными «наворотами», следует изучить также языки CSS и JavaScript. Могу вас заверить, что люди, которые умеют создавать профессиональные сайты, очень ценятся, а их заработок очень высокий. Так что, если вы имеете желание развиваться в этом направлении, HTML — это как раз то, с чего стоит начинать.

 

Понравилась статья? Поделиться с друзьями:
Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: