В
первой теме мы уже поняли для чего нужен html,посмотрели как работаюь некоторые тэги и так далее,сегодня мы рассмотрим 3 очень важных частей кода:Комментарии,Структура ,Атрибуты.
Начнем с комментариев.
Комментарии используются в разных целях,например,чтобы подсказать что к чему в коде,сделать себе напоминания.С помощью комментарев общаются Разработчик и Посетитель сайта.
Коментарии в html создаются следующим образом:
Такие знаки обязательно нужно вставлять,ибо без них,можно получить гору ошибокикода.
Структура...
Открыв любую веб-станицу,мы увидем html код.
Вот пример обычного кода,который в себе несет основные элементы.
HTML:
Код:
Пример веб-страницы
Заголовок
Первый абзац.
Второй абзац.
И так,начнем разбираться....
Тэг head ,как мы видим,в себе содержит тэги tittle (име файла), meta* charset=utf-8(меняет кодировку ),но веселье не заканчиваетсяэтими 2 -я тэгами.Под > можно еще засунуть такие тэги как :base,link,script,style,tittle.
Тэг body.
Под тэгом body можно засунуть текстовое составляющие(то,что будет показано на странице)таких тэгов много,так что все перечислитьне смогу.Примеры:hN(n=1-6),p,коментарии.
Атрибуты элементов:
Атрибуты используют,чтобы расширить возможности элементов.Атрибуты бывают 2 типов:со значением,логические.
Атрибуты со значением:
Атрибуты с значением делаются по данной схеме :
HTML:
Для самозакрывающих элементов используетсята же схема,без закрывающего тэга и содержимого.Вот так:
HTML:
Пояснение : Е=название произвольного элемента, ... =Содержимое.
P.s. Можно использовать "значение" с одинарными кавычками 'значение' или вообще без кавычек.
Пример:
HTML:
Логические атрибуты:
Логические атрибуты создаются по данному шаблону:
HTML:
Логические атрибуты не имеют значения ,само отсутствие или наличие атрибута уже меняет поведение элемента.
Пример:
HTML:
Логические атрибуты можно использовать в 3 видах:
- Без значения (controls)
- С пустым значением (controls="")
- Совпадающим с именем атрибута(controls="controls"
Порядок атрибутов...
Порядок атрибутов в коде не имеет значение,т.е. не влияет на отображение элемента.Так же можно атрибут перенести на другую строчку.
Универсальные атрибуты...
Это те атрибуты,которые используют со всеми элементами.Универсальные атрибуты еще называют глобальными....Список всех атрибутов можно посмотреть
тут.
Вот и конец второго урока.Спасибо кто прочёл.Извените за ошибкив тексте)
Древовидный вид