Что такое ТЕГ?

< >

5 / 5

Автор: Администратор

29.07.2014

В этом уроке мы познакомимся с определнием того, чем называют ТЭГИ, как правильно их записывать и какие виды тегов бывают.

В языке программирования HTML-тегом называют специальный элемент или слово, которое будет интерпретироваться браузером по определенному правилу. В HTML все теги заключатся в специальные скобки «<» и «>», внутри этих слов пишется специальное слово, которое определяет тот или иной тег.

Все теги можно разделить на две группы по признаку парности: парней и не парные. Например, тег картинки <img> не парный, а тег абзаца парный. Как можно заметить, у не парного тега все просто, слово в специальных скобках, а вот у парного тега есть одно правило, первый тег является открывающим и пишется по общим правилам, а закрывающий тег пишется с косой чертой после первой специальной скобки. Тем самым все, что будет помещено в парный тег, будет считаться его внутренностями, таким образом можно создавать многоуровневые теги, еще их можно представлять в виде слоев.

Все теги можно разделить на несколько групп по смыслу

Табл. 1. Виды тегов
Гиперссылки	A
Графика	IMG
Таблицы	CAPTION TABLE TH THEAD TD TR
Теги форматировния документа	BASE BODY HEAD HTML META TITLE
Теги физического форматирования текста	B BIG BLOCKQUOTE BR FONT HX HR I MARQUEE NOBR P PRE Q S SMALL SUB SUP TT U
Теги логического форматирования текста	ABBR ACRONYM CITE CODE DFN EM KBD SAMP STRONG VAR
Списки	DD DL DT LI MENU OL UL
Элементы управления	BUTTON FIELDSET INPUT OPTGROUP OPTION SELECT TEXTAREA
Фреймы	IFRAME FRAME
Звук	BGSOUND
Другие теги	!DOCTYPE ADDRESS APPLET AREA CENTER DIV FORM LEGEND LINK MAP OBJECT SCRIPT SPAN

Давайте теперь разберем один пример, благодаря которому станет понятно, как работают парные теги, рассмотрим три тега форматирования текста: - делает текст внутри него курсивом, - делает текст внутри него полужирным, <s></s> - текст внутри этого тега перечеркивается.

Далее привожу код примера

<HTML>    
    <HEAD>
        <TITLE> Что такое ТЕГ? </TITLE>
    </HEAD>
    <BODY>
        <b>
            Этот текст просто полужирный, потому что он находится только в теге b<br>
           <i>Этот текст полужирный и выделен курсивом, так как он находится в теге i, который находится внутри тега b</i><br>
           <s>Этот текст полужирный и перечеркнут, так как он находится в теге s, который находится в теге b</s>
       </b>
    </BODY>
</HTML>

Вот что получится, когда откроем страничку в браузере