- 874
- 483
В первой теме мы уже поняли для чего нужен html,посмотрели как работаюь некоторые тэги и так далее,сегодня мы рассмотрим 3 очень важных частей кода:Комментарии,Структура,Атрибуты.
Начнем с комментариев.
Комментарии используются в разных целях,например,чтобы подсказать что к чему в коде,сделать себе напоминания.С помощью комментарев общаются Разработчик и Посетитель сайта.
Коментарии в html создаются следующим образом:
<!-- Комментарий -->
Такие знаки обязательно нужно вставлять,ибо без них,можно получить гору ошибокикода.
Структура...
Открыв любую веб-станицу,мы увидем html код.
Вот пример обычного кода,который в себе несет основные элементы.
И так,начнем разбираться....
Тэг head ,как мы видим,в себе содержит тэги tittle (име файла), meta* charset=utf-8(меняет кодировку ),но веселье не заканчиваетсяэтими 2 -я тэгами.Под <<голову>> можно еще засунуть такие тэги как :base,link,script,style,tittle.
Тэг body.
Под тэгом body можно засунуть текстовое составляющие(то,что будет показано на странице)таких тэгов много,так что все перечислитьне смогу.Примеры:hN(n=1-6),p,коментарии.
Атрибуты элементов:
Атрибуты используют,чтобы расширить возможности элементов.Атрибуты бывают 2 типов:со значением,логические.
Атрибуты со значением:
Атрибуты с значением делаются по данной схеме :
Для самозакрывающих элементов используетсята же схема,без закрывающего тэга и содержимого.Вот так:
Пояснение : Е=название произвольного элемента, ... =Содержимое.
P.s. Можно использовать "значение" с одинарными кавычками 'значение' или вообще без кавычек.
Пример:
Логические атрибуты:
Логические атрибуты создаются по данному шаблону:
Логические атрибуты не имеют значения ,само отсутствие или наличие атрибута уже меняет поведение элемента.
Пример:
Логические атрибуты можно использовать в 3 видах:
Порядок атрибутов в коде не имеет значение,т.е. не влияет на отображение элемента.Так же можно атрибут перенести на другую строчку.
Универсальные атрибуты...
Это те атрибуты,которые используют со всеми элементами.Универсальные атрибуты еще называют глобальными....Список всех атрибутов можно посмотреть тут.
Вот и конец второго урока.Спасибо кто прочёл.Извените за ошибкив тексте)
Начнем с комментариев.
Комментарии используются в разных целях,например,чтобы подсказать что к чему в коде,сделать себе напоминания.С помощью комментарев общаются Разработчик и Посетитель сайта.
Коментарии в html создаются следующим образом:
<!-- Комментарий -->
Такие знаки обязательно нужно вставлять,ибо без них,можно получить гору ошибокикода.
Структура...
Открыв любую веб-станицу,мы увидем html код.
Вот пример обычного кода,который в себе несет основные элементы.
HTML:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Пример веб-страницы</title>
</head>
<body>
<h1>Заголовок</h1>
<!-- Комментарий -->
<p>Первый абзац.</p>
<p>Второй абзац.</p>
</body>
</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:
<р><img src="name.png" alt ="Вид заголовка"><р>Логические атрибуты создаются по данному шаблону:
HTML:
<Е Атрибут>...</Е>.Пример:
HTML:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Добавление аудио</title>
</head>
<body>
<audio src="audio/evil.mp3" controls loop></audio>
</body>
</html>- Без значения (controls)
- С пустым значением (controls="")
- Совпадающим с именем атрибута(controls="controls"
Порядок атрибутов в коде не имеет значение,т.е. не влияет на отображение элемента.Так же можно атрибут перенести на другую строчку.
Универсальные атрибуты...
Это те атрибуты,которые используют со всеми элементами.Универсальные атрибуты еще называют глобальными....Список всех атрибутов можно посмотреть тут.
Вот и конец второго урока.Спасибо кто прочёл.Извените за ошибкив тексте)
Последнее редактирование:
