WITH
MOTIVATION
Регистрация
Дата рождения:



Введите код с картинки:
Вы регистрируетесь на сервисе withMotivation

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

HTML и CSS

Урок 2. Базовая структура HTML5-документа

Любой HTML документ может содержать, как мы уже выяснили, какие-то тэги, текст, картинки и так далее.. Но есть такие элементы (тэги) без которых ни один документ HTML существовать не может. Именно эти элементы мы рассмотрим в этой статье.

Итак, базовые элементы (структура) HTML документа таковы:

<!DOCTYPE html>
<html lang="ru">
    <head>
        <meta charset="utf-8">
        <title>Заголовок страницы</title>
    </head>
    <body>
        какой-то текст
    </body>
</html>

Сейчас поясню всё вышеописанное: Итак, любой HTML5 документ по правилам должен как минимум иметь такую структуру. Мы видим, что начинается документ с тэга HTML (впредь все имена тэгов я буду писать большими буквами, не забывайте, что в документе все тэги пишутся обязательно маленькими буквами в угловых скобках) и заканчивается закрытием этого тэга. Это говорит о том, что мы имеем дело именно с HTML документом, а не с каким-нибудь другим. Это обязательное требование для любого HTML документа.

Далее, мы видим, что в тэг HTML вложен парный тэг HEAD - это заголовок документа, в котором находится служебная информация о странице, и которая не отображается пользователю. О том, что там за информация, мы поговорим позже, просто уясните себе, что обязательно важно наличие HEAD тега, и то, что туда мы вносим специальные данные, которые пользователь не видит в своём браузере. Например, там мы указываем, какую кодировку использует наша страница, какие стили мы используем, по каким ключевым словам нашу страницу будут искать поисковики и так далее. 

Среди всех этих данных есть обязательный параметр - TITLE - заголовок страницы. То, что мы поместим в этот тэг будет являться заголовком (именем) страницы и это имя мы можем увидеть во вкладке браузера с открытой страницей. Многие начинающие часто забывают об этом тэге, так как считают, что важнее то, что видит пользователь в окне браузера, а не то, как что называется, но это в корне неправильно! Приучите себя обязательно не забывать про тэг TITLE, и пометьте себе его как обязательный!

Далее, после тэга HEAD, в котором, как мы уже узнали, находится служебная информация, которая не видна пользователю, открывается основная, видимая часть документа - тэг BODY. Дословно BODY переводится, как "тело документа", и это правильно. Всё, что пользователь видит на странице - это всё находится внутри тэга BODY.

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

Кстати, в браузере (любом) открыть и посмотреть HTML-разметку страницы можно, используя комбинацию клавиш Cntrl+U. Попробуйте открыть любой сайт в браузере, нажмите Cntrl+U и вы увидите HTML-тэги этой страницы. Уверен, что если вы ещё не совсем хорошо разбираетесь в HTML, вы будете шокированы тем, что там будет: куча странных незнакомых тэгов, какие-то символы, скрипты.. Не пугайтесь.. Вскоре вы будете без труда читать эту разметку и будете понимать где что находится и что это означает. Так вот, убедитесь в том. что любая страница в своём коде, какой бы он ни был сложный и большой, обязательно будет подчиняться этой базовой схеме:

<!DOCTYPE html>
<html lang="ru">
    <head>
        <meta charset="utf-8">
        <title>Заголовок страницы</title>
    </head>
    <body>
        какой-то текст
    </body>
</html>

Потому что это база (минимум), обязательный для любой страницы!

 

Вы действительно хотите удалить запись?

Действительно