Теги для создания сайта в блокноте "MEIN ARBEIT"

Теги для создания сайта в блокноте

Дата: 05/03/2016

Доброго настроения, начинающие сайтостроители! Мои юные друзья закидали меня письмами, в которых просят меня рассказать, более детально, как шаг за шагом создать сайт в блокноте. Особенно описать теги для создания сайта. Я в статье, создание сайта в блокноте уже писал, как можно это сделать, поэтому в сегодняшней статье расскажу про теги, которые нужны для создания сайта. Если вы не знаете, как создать документ HTML в блокноте, то сперва изучите этот вопрос, а уже потом возьмитесь за прочтение этой статьи! Или загляните в раздел Статьи о создании сайта, чтобы изучить этот вопрос более детально.

Основные теги для создания HTML документа

Технология HTML не стоит на месте и постоянно совершенствуется. Если в ранних версиях HTML 3, HTML 4 надо было указывать версию документа HTML, то в HTML 5 эту процедуру упростили и при создание документа HTML можно обойтись простой строкой.
<!DOCTYPE HTML>
Большинство браузеров и серверов спокойно считывают данную строчку и понимают, что это HTML документ, в котором есть теги HTML и контент.
Далее нам нужно будет указать, тег начало HTML документа и его конец. Делается это следующим тегом.
<html> и </html>
Как видите нет ничего сложного! Но это не всё! Далее нужно будет обозначить тегами в нашей страничке верхнюю часть, которую часто называют головой и основную часть документа, и наш простой шаблон HTML страницы будет выглядеть вот так.
<!DOCTYPE HTML>
<html>
<head>
Это голова здесь нужно указывать заголовок страницы при помощи тегов < title> и < /title>, а также вспомогательные метатеги, которые помогают обрабатывать информацию поисковым машинам и браузерам клиентов.
< /head>
< body>
Это называется тело HTML страницы. Здесь будет находиться ваша информация, которую увидят люди зашедшие на ваш сайт, а именно на эту страничку. Обычно в этом месте используются HTML теги для разметки. Например, чтобы создать заголовок нужно воспользоваться тегом <h3> Название заголовка </h3>, который будет отображаться таким образом:

Название заголовка

Чтобы вставить какой-нибудь текст, нужно воспользоваться тегом <p> Ваш текст </p>, который будет отображаться точно так, как вы его сейчас читаете. А для вставки картинки понадобится тег < img src=" Здесь вы указываете путь вида http://сайт.ru/папка/название графического файла.gif, где на сервере лежит ваша картинка - изображение.>.
< /body>
< /html>

Другие теги для создания сайта в блокноте

Надеюсь, что вы усвоили, какие теги участвуют в создание сайта! Если вы хотите узнать больше о других тегах, которые используются в HTML, то прошу вас перейти по этой ссылке. В той статье вы найдёте основные теги, а потом сможете пользоваться той памяткой заложив страничку в закладки. Останавливаться на этом я не буду и продемонстрирую вам ещё один пример, как используются метатеги и теги для создания сайта в блокноте.

Пример с тегами для создания сайта

<document HTML>
<html>
<head>
<meta charset="utf-8">
<title> Сайт для начинающих вебмастеров! </title>
</head>
<body>
<h2> Сайт для вебмастеров! </h2>
<h3> Содержание сайта: </h3>
<ul> <li> Учебник HTML. </li>
<li> Учебник CSS. </li>
<li> Учебник JavaScript. </li>
<li> Учебник PHP. </li>
<li> Учебник MySQL. </li> </ul>
<p> <b>Вебмастер</b> обязан прочитать все вышеперечисленные <i>учебники</i>, чтобы хорошо <u>уметь создавать сайты</u>. Но в первую очередь ему надо изучить HTML, чтобы он мог хотя бы создавать простейшие HTML страницы. </p>
<a href="http://mein-arbeit.narod.ru/stat03/000.html"> Здесь собраны статьи о сайтостроительстве! </a>
</body>
</html>

Скопируйте выше написанный пример и вставьте его в свою созданную HTML страницу, и тогда вы наглядно увидите, как сработают теги, после чего используя их вы сможете создать простые HTML страницы, а затем свяжите их гиперссылками. Как только вы это сделаете можете считать, что вы создали свой первый самый простой сайт.
Примечание! При копировании проверьте ещё раз код. Помните, что большинство тегов должны заключатся в <угловые скобки>, а если теги открывающие и закрывающие текст, заголовки, ссылки и другие, то в конце закрывающего тега должна стоять косая черта "/", то есть <p> Текст. </p>. Исключение имеют метатеги, в которые не входит тег title и теги разделения часто употребляемые в основном теле документа - <br> и <hz>.

Создание сайта в блокноте, теги рекомендации

Я вам здесь привёл самые простые теги, но сайт это не просто одинаковый текст, заголовки, картинки, а ещё всё перечисленное должно располагаться в надлежащих местах и иметь разные величины. Для этого вам будет необходимо изучить CSS и его спецификацию. А для анимации на сайте использовать JavaScript или его упрощённый аналог Jquery. Ребята, если вам это всё кажется сложно и вы думаете, что познать это не реально, то вы ошибаетесь, потому что большинство вебмастеров пользуются этими инструментами программного кода и поверьте без них никуда не деться! Просто начните делать свой первый сайт и уже через годик, а то и раньше для вас уже не будет незнакомых тегов, параметров, свойств, атрибутов и других специфичных терминов, которые пугали вас с самого начала.

Желаю вам удачи! Администратор сайта MEIN ARBEIT!

Список статей по теме...