Главная страница Случайная страница
Разделы сайта
АвтомобилиАстрономияБиологияГеографияДом и садДругие языкиДругоеИнформатикаИсторияКультураЛитератураЛогикаМатематикаМедицинаМеталлургияМеханикаОбразованиеОхрана трудаПедагогикаПолитикаПравоПсихологияРелигияРиторикаСоциологияСпортСтроительствоТехнологияТуризмФизикаФилософияФинансыХимияЧерчениеЭкологияЭкономикаЭлектроника
Состав HTML-документа
|
|
Рассмотрим более подробно структуру и состав HTML -документа на следующем примере:
| <! DOCTYPE html PUBLIC " -//W3C//DTD XHTML 1.0 Transitional//EN" " https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > | |
| < html> | |
| < head> | |
| <! -- Этот раздел предназначен для заголовка страницы и технической информации. --> | |
| < meta http-equiv=" Content-Type" content=" text/html; charset=UTF-8" /> | |
| < meta http-equiv=" Content-Language" content=" ru" /> | |
| < meta name=" description" content=" Это тестовая страница." /> | |
| < meta name=" keywords" content=" HTML, CSS, DTD, теги" /> | |
| < meta name=" robots" content=" index, follow" /> | |
| < title> Тестовая страница< /title> | |
| < link type=" image/x-icon" href=" images/favicon.ico" rel=" shortcut icon" /> | |
| < link type=" text/css" href=" reset.css" rel=" Stylesheet" /> | |
| < link type=" text/css" href=" main.css" rel=" Stylesheet" /> | |
| < script type=" text/javascript" src=" jquery-1.3.2.min.js" > < /script> | |
| < /head> | |
| < body> | |
| < div class=" container" > | |
| < NOINDEX> | |
| < div class=" header" > | |
| < div class=" navArea" > | |
| < table cellpadding=" 0" cellspacing=" 0" border=" 0" > | |
| < tr> | |
| < td> | |
| < h1> | |
| < a href=" index.html" title=" На главную" > Главная< span /> < /a> | |
| < /h1> | |
| < /td> | |
| < td> | |
| < a href=" https://www.yandex.ru" title=" Яндекс" > Яндекс< /a> | |
| < /td> | |
| < td> | |
| < a href=" #" title=" Услуги" > Услуги< /a> | |
| < /td> | |
| < td> | |
| < a href=" #" title=" Товары" > Товары< /a> | |
| < /td> | |
| < td> | |
| < a href=" #" title=" Контактная информация" > Контактная информация< /a> | |
| < /td> | |
| < /tr> | |
| < /table> | |
| < /div> | |
| < /div> | |
| < /NOINDEX> | |
| < div class=" textArea" > | |
| < div class=" leftMenu" > | |
| < ul> | |
| < li> | |
| < span> Общее описание< /span> | |
| < /li> | |
| < li> | |
| < a href=" advantages.html" title=" Преимущества" > Преимущества< /a> | |
| < /li> | |
| < /ul> | |
| < /div> | |
| < div class=" mainText" > | |
| < h2> Описание тестовой страницы< /h2> | |
| < p> HTML (от& nbsp; англ. HyperText Markup Language& nbsp; & mdash; & laquo; язык разметки гипертекста& raquo;)& nbsp; & mdash; стандартный язык разметки документов во& nbsp; Всемирной паутине. Большинство веб-страниц создаются при помощи языка HTML (или XHTML). Язык HTML интерпретируется браузером и& nbsp; отображается в& nbsp; виде документа, в& nbsp; удобной для человека форме.< /p> | |
| < p> HTML является приложением (& laquo; частным случаем& raquo;) SGML (стандартного обобщенного языка разметки) и& nbsp; соответствует международному стандарту ISO 8879. XHTML& nbsp; же является приложением XML.< /p> | |
| < p> < img src=" images/ex.jpg" alt=" Картинка" /> < /p> | |
| < /div> | |
| < /div> | |
| < NOINDEX> | |
| < div class=" footer" > | |
| < div class=" downMenu" > | |
| < div style=" padding-top: 7px; padding-bottom: 5px; " > & copy; & nbsp; 2009-2010 Examle< /div> | |
| < div> E-mail: & nbsp; < a href=" mailto: mailbox@example.com" > mailbox@example.com< /a> < /div> | |
| < /div> | |
| < /div> | |
| < /NOINDEX> | |
| < /div> | |
| < /body> | |
| < /html> |
Данный HTML -код отображается в браузере, как показано на Рис. 2.1.
увеличить изображение
Рис. 2.1. Пример отображения HTML-страницы
Замечание: В представленном HTML -коде используется CSS, о котором будет рассказано в следующем разделе. Разберем отдельные строки нашего HTML -кода.
|
|