Первый код

Начнем наши уроки по созданию сайтов.

Совсем не обязательно сразу выкладывать свой сайт в Интернет. О том, как разместить сайт в интернете мы поговорим позже.

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



Для изучения азов HTML нам понадобится блокнот (Notepad).
Создадим в нашей папке при помощи блокнота новый файл со следующим содержимым:

<html>
<head>
<title>Мой первый сайт</title>
</head><body>
Всем привет!<br>Это мой первый сайт!
</body>

</html>

Далее необходимо в меню “Файл” выбрать пункт «Сохранить как…».
В поле «Имя файла» пишем – index.html, а в поле «Тип файла» выбираем – Все файлы.

Вот мы и создали наш первый «сайт»:)

Теперь этот файл откроется уже не в блокноте, а в браузере (в зависимости от того, какой у Вас установлен – Internet Explorer, Firefox, Opera, Google Chrome и т.д.), т.к. мы присвоили ему расширение .html.

Разбираем код.

Код состоит из тегов (tags), которые определяют положение элементов сайта относительно друг друга, их вид, свойства и т.д.

Все, что находится между скобками <> – это и есть тег.

Теги бывают открывающими и закрывающими. Открывающие теги имеют вид – <…>, а закрывающие – </…>. Некоторые теги не требуют закрывания, например, тег из нашего примера – <br>

Также есть обязательные теги, таковыми являются теги <html>, <head> и <body>.

Все что находится внутри тегов <html> и </html> – это собственно html-документ.

А где голова?

Информация внутри тегов<head> и </head> является головой документа. По сути это некая служебная информация. Здесь размещаются Наименование сайта, ссылка на иконку сайта, ссылка на формат CSS, вид кодировки (подробнее об этом позже).

Тег <title> – заголовок нашего сайта, его можно увидеть в браузере на самом верху.

Тело документа.

Информация внутри тегов <body> и </body> является телом документа. В этой части располагается основное содержимое документа, или проще говоря то, что мы видим в браузере, открыв файл.

Последовательность тегов.

Если в документе необходимо последовательно разместить несколько тегов, то первый открывающий тег должен закрываться последним:

<tag_1><tag_2><tag_3>...</tag_3></tag_2></tag_1>

Готовые шаблоны

Понравилась статья?

Поделитесь ей с друзьями:

Есть вопросы? Задайте их через форму комментариев.
 

Добавить комментарий

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