belarusweb.net
© Петр Романовский Минск, 2016-2017.



belarusweb.net

Основы создания сайтов...
HTML >>>

1.3. Понятие тега и его синтаксис

Как было сказано в определении, HTML – это язык гипертекстовой разметки веб-документов. Осуществляется такая разметка при помощи специальных меток, называемых тегами.

Тег HTML (от англ. tag) – специальная метка, используемая в HTML для разметки веб-страницы в соответствии с установленными правилами.

Теги в html-документе идентифицируются парой символов '<' и '>', между которыми располагаются характеристики тега:

В качестве примера рассмотрим два тега: <p  id="textIndent"   title="Описание города"> и </p>. Эта пара тегов образует элемент 'Абзац' разметки документа. Первый из них является открывающим тегом и обозначает начало элемента 'Абзац'. Второй же является закрывающим тегом. Он сообщает браузеру о том, что элемент 'Абзац' закончился и все, что будет написано далее, следует отнести к другому элементу разметки.

Как легко догадаться, у закрывающего тега после символа '<' должен стоять символ слеша '/'. Далее следует имя тега (в нашем примере это идентификатор p) и символ '>'. Других составляющих закрывающие теги не имеют.

В открывающих тегах слеш не пишется. Тоже самое касается и одиночных тегов, т.е. тегов, для которых закрывающего тега не существует. Зато в них может присутствовать дополнительная информация в виде атрибутов (от англ. attribute), определяющих какие-нибудь дополнительные свойства, и значений атрибутов, которые обычно записываются в формате имя_атрибута="значение_атрибута" и отделяются друг от друга пробелами. Так в теге <p  id="textIndent"   title="Описание города"> имеется два атрибута и два соответствующих им значения. Следует отметить, что существуют атрибуты и без значений. В таком случае вторая часть пары и символ '=' отсутствуют, а вместо этого через пробел указывается только сам атрибут. Кроме того, строковые значения атрибутов должны указываться в кавычках. Мы для этих целей будем использовать двойные кавычки. Числа разрешается в кавычки не брать, но желательно так не поступать во избежание путаницы.

Что касается регистра символов имен тегов и имен атрибутов, то он значения не имеет. Так обе записи <p  id="textIndent"   title="Описание города"> и <P  ID="textIndent"   TITLE="Описание города"> равносильны. Однако мы, за редким исключением, как в случае с тегом <!DOCTYPE html>, будем писать их в нижнем регистре.

Совсем по другому обстоит дело со значениями атрибутов, которые могут быть регистрозависимыми. Например, при указании путевых имен файлов регистр символов должен соответствовать первоисточнику, иначе наверняка возникнет ошибка. Так записи <img  src="/pic_1.jpg"> и <img  src="/PIC_1.JPG"> не эквиваленты, поскольку ссылаются на два разных файла изображения.

Таким образом, в общем случае для записи открывающего или одиночного тега мы будем использовать следующий синтаксис:
<имя_тега   имя_атрибута_1="значение_атрибута_1"  ...   имя_атрибута_n="значение_атрибута_n">, где имя_тега, а также имя_атрибута мы будем писать строчными буквами, а "значение_атрибута" записывать в двойных кавычках в независимости от того, является значение числом или строкой.

Контрольные вопросы и задания

  1. Что такое тег?
  2. Чем отличается открывающий тег от закрывающего?
  3. Для чего нужны атрибуты тега?
  4. В каком регистре должны записываться имена атрибутов и их значений? Почему?

Словарь новых английских слов

hypertext [ˈhʌɪpətɛkst] – гипертекст.
mark [mɑ:k] – отмечать, маркировать, метка.
language [ˈlaŋɡwɪdʒ] – язык.
wide [waɪd] – широкий.
web [web] – паутина, сетка.
width [wɪtθ] – ширина.
height [haɪt] – высота.
head [hed] – заголовок, голова.
body [ˈbɔdɪ] – тело.
footer [ˌfutə] – нижний колонтитул, 'подвал'.
article [ˈɑːtɪk(ə)l] – статья.
navigation [,nævi'gei∫ən] – навигация, передвижение.
charset [ˈtʃɑ:set] – кодировка.
inline [inˈlaɪn] – строчный.
block [blɔk] – блок, блочный.
background [ˈbakɡraʊnd] – фон, задний план.
title ['taitl] – заглавие, название, надпись.
edit ['edit] – редактировать, правка, редактирование.
content [kənˈtɛnt] – содержимое, содержание.
check [tʃɛk] – проверять, проверка, галочка, птичка.
sheet [ʃiːt] – лист, страница, таблица.
span [spæn] – интервал.
window [ˈwɪndəʊ] – окно.
code [kəʊd] – код.
example [ɪɡˈzæmpl] – пример, образец.
aside [ə'said] – в стороне, отдельно, кроме.
color [ˈkʌlər] – цвет, краска.
blue [blu:] – синий, голубой.
yellow ['jeləu] – желтый.
red [red] – красный.
green [gri:n] – зеленый.
grey [grei] – серый.
black [blæk] – черный.
white [wait] – белый.
orange ['ɔrindʒ] – оранжевый.
violet ['vaiəlit] – фиолетовый.
hidden ['hidn] – скрытый, скрывать, прятать.
access [ˈækses] – доступ.
key [ki:] – ключ, клавиша, идентификатор.
translate [transˈleɪt] – переводить.
Комментарии (0)
Петр Романовский
1. Приветствуются комментарии, которые содержат дополнения к материалу текущей страницы, а также ваши ответы на вопросы других пользователей.
2. Если вам что-то непонятно - спрашивайте, не забывая написать, что именно и с какого места.
Показаны все комментарии
Чтобы оставить свой комментарий, авторизуйтесь, пожалуйста!    
     
belarusweb.net © Петр Романовский, Минск, 2016-2017.
Связаться с автором
Наверх