Лаб 1 (Лабораторный практикум), страница 2
Описание файла
Файл "Лаб 1" внутри архива находится в папке "Лабораторный практикум". PDF-файл из архива "Лабораторный практикум", который расположен в категории "". Всё это находится в предмете "языки интернет-программирования" из 5 семестр, которые можно найти в файловом архиве МГТУ им. Н.Э.Баумана. Не смотря на прямую связь этого архива с МГТУ им. Н.Э.Баумана, его также можно найти и в других разделах. Архив можно найти в разделе "лабораторные работы", в предмете "языки интернет-программирования" в общих файлах.
Просмотр PDF-файла онлайн
Текст 2 страницы из PDF
Знак <?> означает что элемент необязателен. Элемент<name> не содержит <?>, что означает что элемент <person> обязательнодолжен содержать элемент <name>.Элемент <name> содержит данные.Элемент <birthdate> содержит данные.Элемент <gender> содержит данные.Элемент <socialsecuritynumber> содержит данные.Пример XML-документа использующего этот DTD:<?xml version="1.0" encoding="UTF-8"?><![[DOCTYPE]] people_list SYSTEM "example.dtd"><people_list><person><name>Fred Bloggs</name><birthdate>27/11/2008</birthdate><gender>Male</gender></person></people_list>Если будет составлен XML-документ, который в описании персоны, напримерне содержит поле name, этот документ можно отбросить по причиненесоответствия схеме.Отметим, что сейчас DTD считается устаревшей и подлежащей замене на XMLSchema.
Среди основных недостатков DTD называется несоответствие форматаязыку XML, а также отсутствие типизации элементов и атрибутов.7Часть 1. Общие сведения о HTML, XHTML. Основныеэлементы разметкиЯзык HTML был разработан британским учёным Тимом Бернерсом-Липриблизительно в 1989—1991 годах в стенах Европейского совета по ядернымисследованиям в Женеве (Швейцария). HTML создавался как язык для обменанаучной и технической документацией, пригодный для использования людьми,не являющимися специалистами в области вёрстки. HTML успешносправлялся с проблемой сложности SGML путём определения ограниченногонабора структурных и семантических элементов — дескрипторов (или тего).Помимо упрощения структуры документа, в HTML внесена поддержкагипертекста. Мультимедийные возможности были добавлены позже.Изначально язык HTML был задуман и создан как средство структурированияи форматирования документов без их привязки к средствам воспроизведения(отображения).
В идеале, текст с разметкой HTML должен был безстилистических и структурных искажений воспроизводиться на оборудованиис различной технической оснащённостью (цветной экран современногокомпьютера, монохромный экран органайзера, ограниченный по размерамэкран мобильного телефона или устройства и программы голосовоговоспроизведения текстов).Ключевые даты и стандарты: RFC 1866 — HTML 2.0, одобренный как стандарт 22 сентября 1995 года; HTML 3.2[1] — 14 января 1997 года - W3C; HTML 4.0[2] — 18 декабря 1997 года; HTML 4.01[3] (изменения, причём более значительные, чем кажется напервый взгляд) — 24 декабря 1999 года; ISO/IEC 15445:2000[4] (так называемый ISO HTML, основан на HTML4.01 Strict) — 15 мая 2000 года. HTML 5— в разработке.
Конец разработки запланирован на 2014 год.В настоящее время заменяется более строгим XHTML. HTML 5 будет основанна XHTML.XHTML (англ. Extensible Hypertext Markup Language — расширяемый языкразметки гипертекста) — семейство языков разметки веб-страниц на основеXML, повторяющих и расширяющих возможности HTML 4.XHTML 1.0 Strict:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">8XHTML 1.0 Transitional:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">XHTML 1.0 Frameset:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">XHTML 1.0 Mobile:<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN""http://www.wapforum.org/DTD/xhtml-mobile10.dtd">XHTML 1.1:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN""http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">Структура HTML разметкиСхематично разметку любой страницы можно представить следующимобразом2:<!Спецификация DOCTYPE><html><head (Заголовок)>[<Надпись заголовка>][<Стили>][<Скрипты>]</head><body (Тело страницы)>[<Разметка страницы>]</body></html>Спецификация документа должна быть указана, поскольку в противном случаебраузер не будет иметь возможности корректно интерпретировать разметку.
Вразличных браузерах по умолчанию отображение различно!В соответствии с терминологией SGML, html-страница является документом, аэлемент html – корневым элементом.Каждый элемент может быть представлен одним или двумя тегами и содержатьили не содержать внутри себя другие элементы.Теги выделяются специальными знаками < >, причём открывающий тегвыглядит как <имя элемента>, а закрывающий как </ имя элемента>. В случаеXHTML, используется тег вида <имя элемента /> для указания элементов беззакрывающих тегов.2Справочники по HTML см.
http://www.w3schools.com/, http://www.w3.org/9Атрибут характеризует элемент и имеет формат <имя элементаатрибут1=”123”>. Существуют атрибуты специального вида: id – уникальныйидентификатор элемента для всего документа, class – имя класса элемента,которое используется для разметки таблицами стилей.Основные элементы разметкиРассмотрим некоторые наиболее часто используемые элементы разметки.Элемент htmlЭлемент html является обязательным для любой страницы.
Определяетграницы html-документа.Элемент headНе является обязательным. Представляет собой контейнер, в которомразмещаются элемента заголовка документа.Внутри элемента head могут быть определены следующие элементы:Таблица 1 допустимые элементы внутри head.Тэг<title>ОписаниеОпределяет заглавие документа. Обычно браузеры отображаютэтот заголовок в заголовке окна.3<base /> Определяет базовый адрес или адрес по умолчанию для всехссылок на странице. Ссылки на странице, содержащиеотносительный путь будут дополняться базовым адресом. Приперемещении такого документа все ссылки будут сохранены.<link /> Определяет связи между документом и внешними ресурсами.Например подключение стилей отображения.<meta /> Определяет метаданные о документе. Среди них могут быть какдополнительные ключевые слова, используемые для поиска, так иуказание кодировки страницы.<script> Определяет скрипты, выполняемые на стороне браузера.<style>Определяет информацию о стилях отображения в документе.
Вотличии от <link> эти стили будут внедрены в документ.Следует отметить, что для страниц на русском языке обязательно необходимоуказывать кодировку текста. Примеры4:<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /><meta http-equiv="Content-Type" content="text/html; charset=koi8-r" />В настоящее время целесообразно использовать только UNICODE-кодировки,например utf-8.3Различная форма записи тэгов <title> и <base /> означает то, что в XHTML не парные теги должныбыть завершены символами “/>”. В то же время теги типа <title> имеют парный закрывающий тег </title>.4Для HTML-5 допустимо использование короткой формы: <meta charset="utf-8">10Элемент bodyНе является обязательным.
Представляет собой контейнер, в которомразмещаются элементы, описывающие тело (или содержимое) документа.Исторически этот элемент имел дополнительные атрибуты, позволявшиевыбрать цвет фона, шрифта, фоновый рисунок, однако эти атрибуты устарели иих использование запрещено.Элемент содержит ряд стандартных атрибутов, таких как класс, стиль,заголовок элемента, язык. А также атрибуты-события, среди которых onload(загрузка страницы), onunload (закрытие страницы), а также события мыши иклавиатуры. В данном пособии не будем останавливаться на них подробно,поскольку они имеют отношение к программированию на JavaScript.Некоторые элементы разметки текстаРассмотрим еще несколько часто используемых элементов, которыеприменяются для разметки текста.Таблица 2 Некоторые элементы разметки текста.Тэг<p>ОписаниеПараграф.
Позволяет указать область текста, относящуюся кодному параграфу. Параграфы при отображении обычноотделяются увеличенным отступом. В рамках параграфаигнорируются переводы строк в исходном тексте. Форматпереноса может быть задан стилями, но не имеет отношения кисходной разметкеПример:<p>Некоторыйтекст.</p><br />Будет выведено:Некоторый текст.Перевод строки в любом месте текста, включая параграфы.Параграф при этом не разрывается.Пример:<p>Некоторый <br />текст.</p><pre>Будет выведено:Некоторыйтекст.Устаревший, но широко применяемый элемент, позволяющийобеспечить вывод текста, включая все переводы строк.<pre>Некоторыйтекст.</pre>Будет выведено:Некоторыйтекст.11Таблица 2.
ПродолжениеТэг<ul>ОписаниеUnordered list. Позволяет разметить список, элементы которогов зависимости от значения атрибута type (устаревшего) будутотмечены как круг, квадрат или окружность. В разметкекаждый элемент списка указывается тегами <li>…</li>.Пример:<ul type=”disk”><li>Кофе</li><li>Чай</li><li>Молоко</li></ul><ol>Будет выведено: Кофе Чай МолокоOrdered list.