Теги HTML

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

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

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

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

Одни теги могут содержать внутри себя другие это называется вложенностью тегов. Например внутри абзаца может содержаться ссылка

текст.....ссылкатекст........


Обратите внимание что вложенный тег должен закрываться раньше родительского.
Так будет не правильно

text.........

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

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

Member for

49 лет 8 месяцев

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

Member for

6 лет 4 месяца

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

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

Содержимое данного поля является приватным и не предназначено для показа.