Урок 4, часть 1 — теги Html. Что это такое?

Урок 4, часть 1 — теги Html. Что это такое?

Продолжим отвечать на вопрос: «Как создать свой сайт бесплатно?» В данной статье продолжим рассматривать уроки. Надеюсь, Вы смогли сделать свою первую страницу, как мы рассматривали в уроке 3.

Вы когда-нибудь задумывались, почему браузеры показывают один текста так, а другой иначе? Нет, а в этом заслуга тегов html. Именно теги сообщают браузера, как отображать каждый отдельный элемент на странице.

Синтаксис написания тегов html

Синтаксис написания всех тегов схож. В этом вы можете убедиться на примере:

<тег атрибут1=»значение» атрибут2=»значение»>

<тег атрибут1=»значение» атрибут2=»значение»>…</тег> html-element

Данный пример очень наглядный, так как позволяет показать то, что все теги делятся как бы на 2 класса: одиночные и парные.

Как уже догадались, одиночный тег используется отдельно, а вот парные могут включать в себя любые символы, а так же теги. К тому же, многие теги используются совместно с атрибутами, которые в свою очередь можно разделить на обязательные и необязательные. Использование атрибута напрямую зависит от того с какой целью используется данный тег.

Парные теги html

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

Открывающий тег (обозначается, так же как и одиночный тег – пример: <h1>)

Закрывающий тег (используется слэш (/) – пример: </h1>) tegi html

Так же вовнутрь любого парного тега можно добавлять другой тег. Здесь главное соблюдать последовательность тегов и парные скобки не должны пересекаться. К тому же многие не обязательно закрывать, но приучитесь писать правильный (валидный код html), так у вас будет намного меньше ошибок.

Пишем теги правильно

Как в любом языке, так и в написании тегов html есть свои правила. При этом есть обязательные для соблюдения, а некоторые носят рекомендательный характер.

При написании тегов все значения необходимо писать в кавычках. Это могут быть как “двойные”, так и ‘одиночные’. Значение нет, какой вы используете. Так же многие браузеры довольно лояльно относятся к отсутствию кавычек и отображают текст правильно, но есть исключения, когда кавычки просто необходимы.

Кавычки необходимы, когда текст содержит пробелы. Если написать без них, то браузер будет выдавать ошибку.

Вот наглядный пример:

<meta http-equiv=»content-type» content=»text/html; charset=utf-8?>

Регистр букв и теги html

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


Карта сайта


Информационный сайт Webavtocat.ru