Первые шаги в HTML
И так всем привет!. Я начинаю изучать HTML и соответственно буду об этом писать. Так я думаю будет легче освоить изученный материал. Возможно кому то пригодятся данные уроки. На мой взгляд язык гипертекстовой разметки прост, посмотрим , что из этого выйдет.
HTML - HyperText Markup Language или язык гипертекстовой разметки. HTML состоит из тегов, теги начинаются со знака < и заканчиваются знаком >
Пример простого тега: <p> Абзац </p>
<a> Ссылка</a>
Все теги делятся на парные и одиночные. Парные теги состоят из двух частей: открывающегося <a> и закрывающегося тега </a>.
Парные теги закрываются с помощью слеша /.
Одиночные теги добавляют на страницу какой либо одиночный объект и им не нужно заключать в себя какой либо текст и оформлять его как парные теги.
Пример одиночного тега: <br> тег переноса
<hr> тег разделителя
Атрибуты HTML тегов
Некоторые теги могут иметь атрибуты. К примеру тег img не получится использовать без атрибута src который задаёт адрес к картинке.
Синтаксис таков:
<имя-тега атрибут1="значение1" атрибут2="значение2" …>
Атрибутов может быть несколько:
<a class="external" href="https://for-web.ru">…</a>
Ошибки в HTML
Частая ошибка когда пишут без пробелов между тегом и атрибутом или между атрибутами.
Ещё одна частая ошибка не правильная вложенность тегов к примеру:
<p> Ещё одна частая <b>ошибка </p> </b> что тег <p> закрывается раньше чем тег <b> . Это считается ошибкой.
Правильно вложенные теги будут располагаться так ;
<p> Ещё одна частая <b>ошибка </b> </p>
Комментарии в HTML
В языке HTML так же как и в другом языке присутствуют комментарии. Комментарии нужны для того что бы лучше понимать для чего нужен данный код. Во многих пособиях призывают комментировать код. Конечно каждую строчку кода сложно комментировать.
Но если кто то после Вас будет разбираться с вашим кодом ему намного проще будет ориентироваться с подсказками по коду.
В HTML комментарии записываются так:
<!-- Тут находится закомментированный текст -->
Комментарии очень удобно использовать для того что бы закомментировать часть кода которая используется время от времени.
<!-- <div style="position:absolute;top:0;left:0;background:url(https://for-web.ru/uploads/9-1.png);width:64px;height:65px;"> </div>-->
В моем примере это Георгиевская ленточка которая используется в день Великой Победы.
Ну вот вроде со вступлением покончили , дальше больше. Всем удачной учёбы.
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.