Введение
Давайте с вами договоримся. Перед тем как начать изучать XHTML вы просмотрите раздел Как работает сайт. Он даст вам возможность лучше понять, для чего мы изучаем этот язык. Если все что там написано вы уже знаете и вам нужно просто выучить синтаксис языка, тогда можно начинать изучение этого раздела. Обычно руководства по XHTML принято начинать длинных описаний истории языка. Сравнивать различные версии, давать заумные определения. Описывать преимущества XHTML над HTML и т.д. Очень полезные и интересные вещи, особенно если вообще не понимаешь, о чем идет речь. Для того чтобы понять что такое XHTML(HTML) нужно… сделать веб-страничку. Вот этим мы и займемся. А определения дадим потом. Хотя большинству они уже и не понадобятся. Итак, открываем программу Блокнот (Пуск -> Программы -> Стандартные –> Блокнот) и копируем туда вот такой вот текст : <?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Проба пера</title>
</head>
<body>
Я заголовок
Я жирный текст
А я просто текст
</body>
</html>Это заготовка для нашей страницы. Что означает вся эта абракадабра, нас пока не интересует. Просто скопируйте ее и используйте для своих экспериментов до тех пор, пока не дойдет очередь разбираться, что это такое. Нас пока интересует только то, что находится между <body> и </body>. А там как раз и находится содержание нашей страницы. Сохраняем полученный текст с расширением html. Для этого после имени файла допишите .html, например index.html. В поле "Кодировка" обязательно выберите "UTF-8"и нажмите "Сохранить". Теперь откроем этот файл при помощи браузера. Я заголовок Я жирный текст А я просто текст Что мы видим? Ничего хорошего, просто строка с текстом. Это все потому, что мы еще не знаем XHTML. Теперь перед фразой «Я заголовок» напишем <h1>, а после напишем </h1>. Перед фразой «Я жирный текст» напишем <strong>, а после напишем </strong>. И в довершение перед фразой «А я просто текст» напишем <br />. Т.е. между <body> и </body> у нас будет вот такой текст: <h1>Я заголовок</h1>
<strong>Я жирный текст</strong><br />
А я просто текстСохраняем изменения и обновляем страницу в браузере. Я заголовокЯ жирный текст
А я просто текстВот это уже похоже на правду. Вы обратили внимания на то, что <h1>,<strong> и <br /> в окне браузера не отобразились, но благодаря ним преобразился весь остальной текст. Например, текст, заключенный между <h1> и </h2>, отображается как заголовок, между <strong> и </strong> - отображается жирным, а <br /> - это просто переход на новую строку. Так вот <h1>,<strong> и <br /> - это команды, или как принято говорить теги, которые сообщают браузеру, как ему отображать текст. Существуют теги позволяющие отобразить гиперссылку, картинку, таблицу и т.д. Вот из всего этого и строится веб-страничка. Вернемся еще раз к нашему примеру. Что мы сделали, добавив в текст теги? Мы произвели разметку текста на странице. Вот теперь можно перейти к определению: XHTML (англ. Extensible Hypertext Markup Language — Расширяемый язык разметки гипертекста) — язык разметки документов во Всемирной паутине. Большинство веб-страниц создаются при помощи языка XHTML (или HTML). Язык XHTML интерпретируется браузером и отображается в виде документа, в удобной для человека форме. Отличия XHTML от HTML: Об этом обязательно нужно написать, чтобы было понятно, почему мы изучаем именно XHTML. Но не сейчас. Я предполагаю что ни HTML, ни XHTML вы еще не изучали. В этом случае для вас вряд ли будет полезна эта информация, поэтому поместим ее в конец курса, а сейчас просто запомните: XHTML - более новый язык и, соответственно, изучать нужно именно его, а не устаревший HTML.
| 
