Самое первое и наверное основное на чём хотелось бы заострить Ваше внимание, что HTML не является языком программирования, он предназначен лишь для разметки текстовых документов и корректного их отображения в браузере. По сути - это так называемый "браузерный" язык, при помощи которого мы с вами задаём порядок, как и где будут размещаться картинки, как будут выглядеть нужный текст и другие элементы расположенные на странице. Упорядочивание всех элементов страницы происходит при помощи специальных меток - тегов.
Тегом называется элемент языка разметки гипертекста, в основном для задания того, как будет отображаться текст, изображения и таблицы на странице в браузере.
Вам уже самим приходилось писать теги и Вы видели их в напечатанном Вами документе, но просто пока ещё Вы не знаете что это такое. А теги это всё то, что находится между < и > . Всё что находится между такими скобками < > - это команды для отображения, а текст не находящийся между таких скобок - будет виден при просмотре в окне браузера.
В написанном нами коде содержится небольшое количество тегов, так как наша страница пока ещё не настоящий web сайт, но по мере обучения она будет наполняться всё новыми и новыми тегами с которыми нам предстоит работать создавая HTML сайты.
<html> - тэг открывающий документ
<head> - тэг начала "головы" ("шапки") документа
<title>МОЙ САЙТ</title> - заголовок документа
</head> - тэг конца "головы" ("шапки") документа
<body> - тэг начала "тела" документа
ЭТО МОЯ ПЕРВАЯ ПРОБНАЯ СТРАНИЦА.
<br> - тэг переноса текста на другую строку
ДОБРО ПОЖАЛОВАТЬ!!!
</body> - тэг конца "тела" документа
</html> - тэг закрывающий документ
Это та страница которую мы создали на данном этапе и в ней так же содержатся теги и другим цветом я написал их назначение, но давайте это рассмотрим более подробно, так как создавая самостоятельно свои сайты Вам предстоит не раз ими воспользоваться. Теги могут быть написаны хоть большими, хоть маленькими буквами - это большого значения не имеет, но для более корректного отображения в различных браузерах принято писать маленькими.
<html> - это обязательный открывающий тег сообщающий браузеру тип документа.
Возможно Вы скажете что раз имеется открывающий тег, значит должен быт и закрывающий и будете совершенно правы.
</html> - это обязательный закрывающий тег.
Всё что находится между тегами <head> ... </head> - это "голова" документа и можно всё находящееся там назвать служебной информацией. Например между тегами <title> ... </title> находится заголовок, который будет отображаться в заголовке окна браузера. Попробуйте открыть созданный Вами файл и Вы увидите это.
А всё находящееся между тегами <body> ... </body> - является телом документа.
Тег <br> служит для переноса текста на другую строку. Вы можете поэкспериментировать и в написанном ранее коде добавить несколько тегов (не забывая сохранять исправленное) и посмотреть что получится.Такие теги не требуют закрывающегося тега.
Открывающийся и закрывающийся теги ( <тег> ... </тег>) являются не просто тегом определяющим рамки чего либо, но ещё и своеобразным контейнером, который может содержать в себе другие теги. Примером тому в созданном нами документе является тег <br> между тегами <body> и </body>. Конечно же бывают и более сложные сочетания тегов чем эти, но на данном этапе пока не будем их рассматривать и пойдём дальше, а к более сложному подойдём когда прийдёт его время.
Комментариев нет:
Отправить комментарий