Первый код
Начнем наши уроки по созданию сайтов.
Совсем не обязательно сразу выкладывать свой сайт в Интернет. О том, как разместить сайт в интернете мы поговорим позже.
Для своего будущего сайта необходимо завести отдельную папку на Вашем компьютере. В ней необходимо размещать все файлы, имеющие отношение к Вашему сайту.
Для изучения азов 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>
Есть вопросы? Задайте их через форму комментариев.
Добавить комментарий