static_rocket_468x60.jpg

Теги HTML

Если вы читали основы HTML то уже знаете что вся разметка делается с помощью тегов, название тега заключается между < и >, есть открывающие и закрывающие теги отличающиеся наличием слэша. Сегодня подробнее разберём что такое теги и как с ними правильно работать.

Атрибуты тегов

Когда браузеру попадается тег он отображает его так как считает нужным. У него есть какие-то дефолтные настройки которыми он пользуется при отображении веб страницы. Например по умолчанию выводиться чёрный текст на белом фоне. Чтобы хоть как-то повлиять на ситуацию мы можем воспользоваться атрибутами. Записываются атрибуты в открывающем теге:
< тег атрибут="значение" атрибут="значение">
Атрибуты служат не только для внешнего оформления. Рассмотрим пример с тегом ссылки.
<a href="url" target="_blank" title="текст при наведении на ссылку">текст ссылки</a>
атрибут href определяет по какому адресу(url) перейдёт посетитель кликнув по ссылке. Атрибут target определяет будет ссылка открыта в новом окне(значение - blank) или будет открыта в этом же. Атрибут title отвечает за всплывающее сообщение при наведении, и в отличии от предыдущих двух может присутствовать в других тегах.
Возвращаясь к разговору об оформлении веб страниц с помощью атрибутов. Есть атрибуты определяющие цвет шрифт фон и прочее но используют их крайне редко. В большинстве случаев все их можно заменить атрибутом class, который вешает на тег метку. Вместе со страницей браузер загружает таблицу стилей в которой прописано каким образом отрисовывать содержимое тегов с метками. Подробнее об этом в посте про CSS.

Вложенность тегов

Одни теги могут содержать внутри себя другие это называется вложенностью тегов. Например внутри абзаца может содержаться ссылка
<p>текст.....<a href="url">ссылка</a>текст........</p>
Обратите внимание что вложенный тег должен закрываться раньше родительского.
Так будет не правильно
<div><p>text.........</div></p>

Самозакрывающиеся теги

Есть теги которым не нужен второй закрывающий тег, например тег переноса строки. В таких случаях используют самозакрывающиеся теги. У них перед второй угловой скобкой стоит слэш <br />

Комментарии

4
Аватар пользователя Надежда Давыдова

Надежда Давыдова чт, 02/05/2015 - 07:49

С недавних пор четко осознала, что каждый вебмастер просто обязан понимать html потому что иначе не избежать ошибок, которые чреваты серьезными последствиями для сайта.

Аватар пользователя Oleg

Oleg чт, 02/05/2015 - 21:46

Согласен на все 100%

Аватар пользователя Дмитрий Рычков

Дмитрий Рычков пт, 02/19/2016 - 09:36

хм, в закладки вас добавил! Ибо понимаю что мне это все изучать в любом случае надо будет!

Аватар пользователя Oleg

Oleg пт, 02/19/2016 - 10:49

По основам больше писать не буду. Про это и так много написано. Этот раздел будет обновлятся переводами о новых свойствах. Если будут вопросы пишите в комментарии или в контакты .

Добавить комментарий