Html код-учебник

Тег (HTML Variable Element) определяет математические / переменные величины. x = x + 1 Обращаю Ваше внимание, что элементы , и по умолчанию представлены моноширинным шрифтом (все знаки (кегельные площадки знаков) имеют одинаковую ширину), а переменные величины (тег ) браузеры, как правило, отображают курсивом. Данные теги будут полезны при логической разметки документа. Давайте рассмотрим пример использования: Пример выделения компьютерного кода в HTML Переменная a должна быть равна переменной select, тогда выполнится следующий код: Hello world !!! Нажмите Enter чтобы запустить скрипт подсчёта Результат вывода компьютерной программы/скрипта Рис. 29 Компьютерный код в HTML. Валидация HTML кода Бывают такие ситуации, когда вы допускаете мелкую досадную ошибку в документе и из-за нее "плывет" макет, при этом найти ее у вас не получается. Что делать если не можешь найти ошибку в HTML коде? Хочу познакомить Вас с онлайн сервисом ( HTML валидатор W3C ), который позволяет находить ошибки и проводит следующие проверки ваших страниц: На наличие синтаксических ошибок. Имеются ли у парных тегов закрывающие теги (все ли используемые теги имеют закрывающий тег). На корректное название тэгов и атрибутов в соответствии с указанной декларацией. На возможность вложения тега данного типа внутрь тэгов другого типа. Наличие посторонних элементов (все элементы страницы, которые не имеют отношения к HTML, включая пользовательские атрибуты и элементы). Так выглядит основное окно этого сервиса: Рис. 29a HTML валидатор Консорциума Всемирной паутины. На сайте вам будет предложено три варианта как пройти валидацию: Первый вариант (Validate by URI): необходимо ввести адрес страницы Вашего сайта, для которой вы хотите провести проверку (для тех у кого уже есть сайт в сети). Второй вариант (Validate by File Upload): необходимо загрузить с вашего жесткого диска html документ, для которого вы хотите провести проверку. Третий вариант (Validate by Direct input): необходимо скопировать и вставить полный текст вашего html документа для проведения проверки (пример на изображении выше). Справочно информирую Вас о том, что на сайте W3C вы также сможете найти валидатор, предназначенный для валидации CSS кода. Вопросы и задачи по теме Перед тем как перейти к изучению следующей темы пройдите практическое задание: Для выполнения задания вам понадобится скачать архив и скопировать содержимое архива (HTML файл) в любую папку на вашем жестком диске: Используя полученные знания составьте следующую HTML страницу: Практическое задание № 20. После того как вы выполните упражнение пройдите валидацию документа на сайте W3C , при необходимости исправьте ошибки, а затем проинспектируйте код страницы, открыв пример в отдельном окне, чтобы убедиться, что результат вашего примера соответствует готовому примеру.