базовый курс

ГРУППА КУРСА

HTML теги

Теги

Теги - это основа HTML. Практически, вся страница состоит из тегов. Их достаточно много. Одни теги добавляют на страницу контент - тексты, ссылки, изображения и остальное наполнение страницы. Другие теги определяют работу страницы в целом.

Тег состоит из имени тега и скобок, образованных знаками "<" и ">".

Примеры тегов:

1
2
3
4
<a>
<p>
<div>
<table>

Парные теги

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

1
<p>Текст</p>

Вложенные теги

Теги могут находиться внутри другого тега. Внутри них тоже могут находиться теги. Уровней вложенности может быть много.

1
<p>Начало текста <a>ссылка</a> продолжение текста</p>

Синтаксис тегов

Регистр не важен. Теги можно писать как заглавными буквами, так и прописными.

Одинаково:

1
2
3
4
5
<div>
</div>

<DIV>
</DIV>

Перевод строки не влияет на отображение страницы.

Можно так:

1
<p>Начало текста <a>ссылка</a> продолжение текста</p>

А можно так:

1
2
3
4
5
<p>
Начало текста
<a>ссылка</a> продолжение текста </p>

В тексте тоже перевод строки не имеет значения. Текст заполняет всю длину строки, а потом переходит на новую строку. Лишние пробелы удаляются.

Будет паказано в одну строку:

1
2
3
<p>HTML это язык             на котором
пишутся
интернет страницы</p>

Комментарии

В коде HTML страницы могут быть комментарии. Они используются для каких-то пояснений. Браузер игнорирует комментарии, поэтому они не влияют на отображение страницы. Чтобы добавить комментарий, нужно написать код, указывающий начало комментария и код, указывающий конец комментария, а между ними сам комментарий. Пример:

2
<!--Комментарий-->

Один комментарий может занимать несколько строк. Все строки, которые находятся между началом комментария и концом комментария будут комментрарием. Если на вашей странице есть код, в котором трудно разобраться, то лучше добавить в него пояснения, чтобы в дальнейшем Вам было проще вспомнить, как он работает. Также комментарии используются для того, чтобы в коде визуально отделить друг от друга какие-то части страницы.