Тег — cтрочный элемент-контейнер, который применяется для вставки в него небольших фрагментов программного кода, например, в веб-документе, представляющем учебное пособие по программированию. Браузеры отображают такой код моноширинным шрифтом (например, Courier New). Если использовать ero совместно с элементом

Тег

 служит для ввода текста без форматирования, то есть с сохранением всех пробелов, табуляций и переносов строк. Внутри этого элемента можно применять большинство элементов форматирования текста.

Внимание:
 В языке HTML переносы строк, идущие подряд пробелы и табуляции игнорируются. Несколько пробелов подряд воспринимаются как один пробел.
Пример: использования элементов 
 и 

 
Попробуй сам »
Внутри элемента 
Браузер дублирует каждый встреченный пробел или перенос строки, сохраняя ваше исходное форматирование.
If (document.getElementsByClassName) {
 x = document.getElementsByClassName("pagination")
 if (x.length>y) {
 x.style.visibility = "hidden";
 }
Внутри элемента «pre» браузер дублирует каждый встреченный пробел или перенос строки, сохраняя ваше исходное форматирование.

 

if (document.getElementsByClassName) {
 x = document.getElementsByClassName("pagination")
 if (x.length>y) {
 x.style.visibility = "hidden";
 }


Теги 

 и 


Тег 

 отмечает фрагмент кода как вводимый пользователем с клавиатуры. Некоторые браузеры помечают такой текст дополнительным фоном.
 Тег 

 применяется для формирования компьютерного вывода, например, текста, отображаемого в консольном окне после ввода вами управляющего сценария. Этот редко используемый элемент просто выводит свое содержимое моноширинным шрифтом, как 
, 
, 
.

Пример: элементы 
 и 

 
Попробуй сам »
 
Текст, который пользователь должен ввести с клавиатуры поместите в
 элемент-контейнер «kbd».
Введите текст: Это — текст, вводимый с клавиатуры
Это — текст, который помещен в контейнер «samp»

Тег 


Тег 

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

 
Попробуй сам »
Кинетическая энергия тела:
 
Кинетическая энергия тела:
Wк = mv2/2


 Задачи
 
Итоговое задание 
На этом уроке вы познакомились с тегами, которые выводит свое содержимое моноширинным шрифтом, выделяют в коде переменные и тегом предварительного форматирования. Все они важны при работе с матаматическими выражениями и программным кодом.
Пришло время повторить изученное и выполнить три несложных задания:
 
Переменная
 
Реши сам »
Используя html-элементы обозначте в приведенном уравнении литеру y как переменную.

 

 
 
 
 
 
 
Уравнение параболы y = Nx2
 

 

 
 
 
 
 
 
Уравнение параболы y = Nx2
 

Предварительно отформатированный текст
 
Реши сам »
Используя элемент HTML сделайте так, чтобы текст, помещенный в элемент code, отображался браузером с сохранением всех пробелов и переносов строк как есть.
Теперь пару слов о тегах, которые мы использовали, чтобы сделать эту страницу.
 
Описание html тегов из примера
1. 
 - эти теги должны присутствовать на каждой веб-странице обязательно. Они сообщают браузерам и поисковым машинам, что это html-страница.
Любая html страница имеет следующую структуру:
 


 ...
 Заголовочные теги

 ...
 

 ...
 Тело страницы

 ...



2. 
 - между этими тегами заключается весь видимый контент страницы.
4. 
 - между этими тегами прописывается заголовок страницы, которое отображается в самом вверху браузера. Кстати, когда Вы что-то ищите в поисковиках, то первое, что отображается, это как раз название страницы. Тег 
 часто сокращенно называют "тайтлом". Советую ознакомиться со статьей: как составить тег 
 
 
 
Заголовок
 
 
Первый абзац.
 
Второй абзац.
 

Скопируйте содержимое данного примера и сохраните его в папке c:\www\ под
 именем example41.html. После этого запустите браузер и откройте файл через пункт меню Файл > Открыть
 файл (Ctrl+O)
. В диалоговом окне выбора документа укажите файл example41.html. В браузере откроется веб-страница, показанная на рис. 4.1.
Рис. 4.1. Результат выполнения примера

 
Элемент 
 предназначен для указания типа текущего документа -
 DTD (document type definition, описание типа документа). Это необходимо, чтобы
 браузер понимал, как следует интерпретировать текущую веб-страницу, ведь HTML
 существует в нескольких версиях, кроме того, имеется XHTML (EXtensible HyperText
 Markup Language, расширенный язык разметки гипертекста), похожий на HTML, но
 различающийся с ним по синтаксису. Чтобы браузер «не путался» и понимал,
 согласно какому стандарту отображать веб-страницу и необходимо в первой строке
 кода задавать 
.
Существует несколько видов 
, они различаются в зависимости
 от версии HTML, на которую ориентированы. В табл. 4.1. приведены основные
 типы документов с их описанием.

 Табл. 4.1. Допустимые DTD
 
DOCTYPE

 
Описание

HTML 4.01




 
Строгий синтаксис HTML.



 
Переходный синтаксис HTML.



 
В HTML-документе применяются фреймы.

HTML 5




 
В этой версии HTML только один доктайп.

XHTML 1.0




 
Строгий синтаксис XHTML.



 
Переходный синтаксис XHTML.



 
Документ написан на XHTML и содержит фреймы.

XHTML 1.1




 
Разработчики XHTML 1.1 предполагают,
 что он постепенно вытеснит HTML. Как видите, никакого деления на виды
 это определение не имеет, поскольку синтаксис один и подчиняется четким
 правилам.

Разница между строгим и переходным описанием документа состоит в различном
 подходе к написанию кода документа. Строгий HTML требует жесткого соблюдения
 спецификации HTML и не прощает ошибок. Переходный HTML более «спокойно» относится
 к некоторым огрехам кода, поэтому этот тип в определенных случаях использовать
 предпочтительнее.
Например, в строгом HTML и XHTML непременно требуется наличие тега 
Тег