HTML Информация Гайд HTML -Первые шаги.Коментарии,Структура,Атрибуты.

Unnecess4ry

Известный
Автор темы
876
481
В первой теме мы уже поняли для чего нужен html,посмотрели как работаюь некоторые тэги и так далее,сегодня мы рассмотрим 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>
Логические атрибуты можно использовать в 3 видах:
  • Без значения (controls)
  • С пустым значением (controls="")
  • Совпадающим с именем атрибута(controls="controls"
Порядок атрибутов...
Порядок атрибутов в коде не имеет значение,т.е. не влияет на отображение элемента.Так же можно атрибут перенести на другую строчку.
Универсальные атрибуты...
Это те атрибуты,которые используют со всеми элементами.Универсальные атрибуты еще называют глобальными....Список всех атрибутов можно посмотреть тут.
Вот и конец второго урока.Спасибо кто прочёл.Извените за ошибкив тексте)
 
Последнее редактирование:
  • Нравится
Реакции: dib

dib

Новичок
4
7
бля почему я не вдупляю откуда за последний месяц развелось столько горе-гайдеров?
я не хочу тебя оскорбить, за старание благодарю, но чел ты хоть сам читал что ты написал,в каком году и на каком форуме?
 
  • Нравится
Реакции: Oreshka23

Unnecess4ry

Известный
Автор темы
876
481
бля почему я не вдупляю откуда за последний месяц развелось столько горе-гайдеров?
я не хочу тебя оскорбить, за старание благодарю, но чел ты хоть сам читал что ты написал,в каком году и на каком форуме?
Эмм,во-первых я это делаю для себя,если тебеине интересно ,то можешь не читать,как по мне,все подробно расписано.Я не горе-гайдер,я сам новичок и могут быть ошибки.Если ты видишь ошибки,пиши, я исправлю все,и отныне буду знать что к чему.