Файл: Языки гипертекстовой разметки (Практическое применение языка HTML).pdf
Добавлен: 26.06.2023
Просмотров: 141
Скачиваний: 2
<step>Serve.</step>
</directions>
<variations>
<option>Replace nuts with raisins.</option>
<option>Use chocolate ice cream instead of vanilla ice cream.</option>
</variations>
<preptime>5 minutes</preptime>
</recipe>
ПРИЛОЖЕНИЕ 3
Документы XHTML
Простейший XHTML-документ
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<!-- Этот раздел предназначен для заголовка страницы и технической информации. -->
</head>
<body>
<!-- А здесь надо размещать все, что хочется увидеть на странице. -->
</body>
</html>
Документ со строгой разметкой
XHTML 1.0IECrOpSaFx
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Пример строгого документа</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<p>...</p>
</body>
</html>
Документ с фреймами
XHTML 1.0IECrOpSaFx
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Фреймы</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<frameset cols="100,*">
<frame src="menu.html" name="menu" />
<frame src="content.html" name="content" />
</frameset>
</html>
ПРИЛОЖЕНИЕ 4
WML-колода из трех карт[60]
<?xml version="1.0"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN"
"http://www.wapforum.org/DTD/wml_1.1.xml">
<wml>
<card id="home" title="Welcome">
<p align="center">Taler's HP<br/>
<img src="logo.wbmp" alt="home"/><br/>
<do type="accept" label="next"><go href="#card1"/></do></p>
</card>
<card id="card1" title="Page 1">
<p>This is the first card.</p>
<do type="accept" label="next"><go href="#card2"/></do>
<do type="prev" label="back"><prev/></do>
</card>
<card id="card2" title="Page 2">
<p>This is the second card.</p>
<do type="accept" label="home"><go href="#home"/></do>
</card>
</wml>
ПРИЛОЖЕНИЕ 5
HTML-код страницы «Гипертекст: сущность»
<html>
<head>
<title>Гипертекст: сущность</title>
</head>
<body>
<h1 align="center">Понятие гипертекста</h1>
<p align="justify">Впервые термин «гипертекст» предложил использовать Теодор Нельсон в 1965 году.
В 80-е годы XX века термин «гипертекст» в филологическом смысле употребил Жерар Женетт в книге «Палимпсесты«,
где он исследовал различные виды интертекстуальных связей. Жерар Женнет разработал практическую модель исследования
межтекстовых отношений, при этом основной акцент он делал не на частных текстуальных связях, а на их произведении
как целостной структуре. Однако следует отметить, что термин «гипертекст» в рамках концепции Женетта имел более узкое
значение, нежели в компьютерных разработках, где понятие гипертекста является ключевым.
Прорыв в применении электронной версии гипертекста имел место во время зарождения интернета и связан
с именем Тима-Бернерса Ли, который в начале 90-х годов XX века создал, а его последователи в дальнейшем усовершенствовали,
основные инструменты, позволяющие создать интернет на основе гипертекста в его современном виде.
</p>
<p align="justify">В настоящее время нет единого определение понятия «гипертекст».
Приведем наиболее используемые определения
</p>
<h2 align="left">Тед Нельсон </h2>
<p align="justify">Гипертекст - это не последовательное сочинение, а текст, который разветвляется и позволяет
читателю выбирать, т.е. это ряд кусков текста, соединенных линками, предлагающими читателю различные пути</p>
<h2 align="left">В. Руднев </h2>
<p align="justify">Гипертекст - текст, устроенный таким образом, что он превращается в систему, иерархию текстов,
одновременно составляя единство и множество текстов</p>
<h2 align="left">Тим Бернерс-Ли </h2>
<p align="justify">Гипертекст — это соединение смысловой структуры, структуры внутренних связей некоего содержания,
и технической среды, технических средств, дающих возможность человеку осваивать структуру смысловых связей,
осуществлять переходы между взаимосвязанными элементами</p>
<h2 align="left">Костюк Н.К. </h2>
<p align="justify">Гипертекст – это нелинейная документация, ветвящаяся и взаимосвязывающаяся, что позволят читателю
исследовать содержащуюся в ней информацию в последовательности, им самим выбранной</p>
</body>
</html>
ПРИЛОЖЕНИЕ 6
HTML-код страницы «Гипертекст: функции»
<html>
<head>
<title>Гипертекст: функции</title>
</head>
<body>
<h1 align="center">Функции гипертекстовой технологии</h1>
<h2 align="left">Ссылки </h2>
<p align="justify">Ссылки – являются самой важной функцией, благодаря им имеется возможность использовать связи
информационной сети, в образе которой представлен гипертекст,
через которые можно обращаться к связанным на уровне ассоциаций узлам.
Так текст можно пролистывать в диалоговом режиме посредством использования компьютерной мыши,
а можно использовать запросы, автоматически фильтрующие данные.
</p>
<h2 align="left">Замещение </h2>
<p align="justify">Замещение - позволяет заменять при просмотре текста любую часть информации рисунком или иным фрагментом текста</p>
<h2 align="left">Заметки</h2>
<p align="justify">Заметки - стандартные заметки на полях, но гораздо более выразительные (видеофайлы, цветная графика, звуковое сопровождение и др.). Следует отметить, что данная функция является обратной, т.е. информация связывается с выделенным фрагментом, а не наоборот</p>
<h2 align="left">Запросы </h2>
<p align="justify">Запросы – помогают проводить анализ текста с определенных пользователем позиций. Так можно использовать данные, не имеющие отношение к некоторому фрагменту текста, но при этом с ним связанные. Поиск можно производить по ключевым словам при сопоставлении с каким-либо образцом или по разделителям на основании фильтрации необходимых знаний из гипертекста</p>
<p align="justify">Запросы в совокупности с замещением позволяют получать срезы исходного текста, являющиеся функционально-ориентированными, т.е. структурировать гипертекст, исходя из потребностей каждого отдельного пользователя</p>
</body>
</html>
-
История гипертекста. URL: http://inf.1september.ru/articlef.php?ID=200700905 (Дата доступа 01.12.2017) ↑
-
Гипертекст — что это такое. URL: http://ktonanovenkogo.ru/voprosy-i-otvety/gipertekst-chto-eto-takoe.html (Дата доступа 01.12.2017) ↑
-
Костюк К.Н. Книга в новой медийной среде / К.Н. Костюк. - М.: Директ-Медиа, 2015. – С.56 ↑
-
Гипертекст — что это такое. URL: http://ktonanovenkogo.ru/voprosy-i-otvety/gipertekst-chto-eto-takoe.html (Дата доступа 01.12.2017) ↑
-
Мак-Дональд М. Создание Web-сайта. Недостающее руководство. – 3-е изд.: Пер с англ. – СПб.: БХВ-Петербург, 2013. – С.33 ↑
-
Теодор Нельсон создаёт технологию гипертекста. URL: http://vikent.ru/enc/676/ (Дата доступа 03.12.2017) ↑
-
Руднев В. Энциклопедический словарь культуры XX века / В. Руднев. – М.: Азбука, 2017. – С.78 ↑
-
Тим Бернерс-Ли. Да пребудет с нами Веб! / Тим Бернерс-Ли // Журнал «В мире науки», 2011 г. - №2. – С.82 ↑
-
Костюк К.Н. Книга в новой медийной среде / К.Н. Костюк. - М.: Директ-Медиа, 2015. – С.57 ↑
-
История гипертекста. URL: http://inf.1september.ru/articlef.php?ID=200700905 (Дата доступа 01.12.2017) ↑
-
Дакетт Дж. HTML и CSS. Разработка и дизайн веб-сайтов. – М.: Эксмо, 2013. – С.38 ↑
-
Гипертекст. Что это такое? URL: http://www.brightweb.ru/interesting/43.html (Дата доступа 01.12.2017) ↑
-
Большая книга веб-дизайна / Терри Фельке-Моррис; пер. с англ. Н.А. Райтмана. – М.: Эксмо, 2012. – С.52 ↑
-
История гипертекста. URL: http://inf.1september.ru/articlef.php?ID=200700905 (Дата доступа 01.12.2017) ↑
-
Ллойд Йен. Создай свой веб-сайт с помощью HTML и CSS. – СПб.: Питер, 2013. - С.63 ↑
-
Гипертекст — что это такое. URL: http://ktonanovenkogo.ru/voprosy-i-otvety/gipertekst-chto-eto-takoe.html (Дата доступа 01.12.2017) ↑
-
Лоусон Б., Шарп Р. Изучаем HTML5. Библиотека специалиста / Б. Лоусон, Р. Шарп. – СПб.: Питер, 2012. – С.45 ↑
-
Фрейн Б. HTML5 и CSS3. Разработка сайтов для любых браузеров и устройств / Б. Фрейн. – СПб.: Питер, 2014. – С.58 ↑
-
Языки разметки гипертекста и программирования скриптов URL: http://www.hi-edu.ru/e-books/xbook081/01/part-008.htm (Дата доступа 02.12.2017) ↑
-
Языки разметки гипертекста и программирования скриптов URL: http://www.hi-edu.ru/e-books/xbook081/01/part-008.htm (Дата доступа 02.12.2017) ↑
-
Языки разметки. SGML и XML URL: http://nknaromanova.narod.ru/sgml.htm (Дата доступа 02.12.2017) ↑
-
Хоган Б. HTML5 и CSS3. Веб-разработка по стандартам нового поколения / Б. Хоган. – СПб.: Питер, 2014. – С107 ↑
-
Языки разметки. SGML и XML URL: http://nknaromanova.narod.ru/sgml.htm (Дата доступа 02.12.2017) ↑
-
Языки разметки гипертекста и программирования скриптов URL: http://www.hi-edu.ru/e-books/xbook081/01/part-008.htm (Дата доступа 02.12.2017) ↑
-
Робинс Дж. HTML5, CSS3 и JavaScript. Исчерпывающее руководство. – М.: Эксмо, 2014. – С.23 ↑
-
Большая книга веб-дизайна / Терри Фельке-Моррис; пер. с англ. Н.А. Райтмана. – М.: Эксмо, 2012. – С.63 ↑
-
Хеник Б. HTML и CSS. Путь к совершенству / Бен Хеник. СПб.: Питер, 2011. – С.111 ↑
-
Фрейн Б. HTML5 и CSS3. Разработка сайтов для любых браузеров и устройств / Б. Фрейн. – СПб.: Питер, 2014. – С.71 ↑
-
Языки разметки гипертекста и программирования скриптов URL: http://www.hi-edu.ru/e-books/xbook081/01/part-008.htm (Дата доступа 02.12.2017) ↑
-
Большая книга веб-дизайна / Терри Фельке-Моррис; пер. с англ. Н.А. Райтмана. – М.: Эксмо, 2012. – С.68 ↑
-
Мак-Дональд М. Создание Web-сайта. Недостающее руководство. – 3-е изд.: Пер с англ. – СПб.: БХВ-Петербург, 2013. – С.71 ↑
-
Языки разметки. SGML и XML URL: http://nknaromanova.narod.ru/sgml.htm (Дата доступа 02.12.2017) ↑
-
Русаков М. Создание сайта от начала и до конца. – 2014. – 172с. ↑
-
Большая книга веб-дизайна / Терри Фельке-Моррис; пер. с англ. Н.А. Райтмана. – М.: Эксмо, 2012. – С.112 ↑
-
Фримен Элизабет, Фримен Эрик. Изучаем HTML, XHTML и CSS. – СПб: Питер, 2016. – С.321 ↑
-
XHTML. URL: https://htmlweb.ru/html/xhtml.php (Дата доступа 02.12.2017) ↑
-
Большая книга веб-дизайна / Терри Фельке-Моррис; пер. с англ. Н.А. Райтмана. – М.: Эксмо, 2012. – С.115 ↑
-
Фримен Элизабет, Фримен Эрик. Изучаем HTML, XHTML и CSS. – СПб: Питер, 2016. – С.323 ↑
-
XHTML. URL: https://htmlweb.ru/html/xhtml.php (Дата доступа 02.12.2017) ↑
-
WML – Язык разметки для мобильных телефонов(WAP) URL: https://htmlweb.ru/html/wml.php (Дата доступа 02.12.2017) ↑
-
WML – Язык разметки для мобильных телефонов(WAP) URL: https://htmlweb.ru/html/wml.php (Дата доступа 02.12.2017) ↑
-
Большая книга веб-дизайна / Терри Фельке-Моррис; пер. с англ. Н.А. Райтмана. – М.: Эксмо, 2012. – С.536 ↑
-
Фримен Элизабет, Фримен Эрик. Изучаем HTML, XHTML и CSS. – СПб: Питер, 2016. – С.658 ↑
-
WML – Язык разметки для мобильных телефонов(WAP) URL: https://htmlweb.ru/html/wml.php (Дата доступа 02.12.2017) ↑
-
Фримен Элизабет, Фримен Эрик. Изучаем HTML, XHTML и CSS. – СПб: Питер, 2016. – С.32 ↑
-
Лоусон Б., Шарп Р. Изучаем HTML5. Библиотека специалиста / Б. Лоусон, Р. Шарп. – СПб.: Питер, 2012. – С.38 ↑
-
Дакетт Дж. HTML и CSS. Разработка и дизайн веб-сайтов. – М.: Эксмо, 2013. - С.53 ↑
-
Лоусон Б., Шарп Р. Изучаем HTML5. Библиотека специалиста / Б. Лоусон, Р. Шарп. – СПб.: Питер, 2012. – С.32 ↑
-
Хоган Б. HTML5 и CSS3. Веб-разработка по стандартам нового поколения / Б. Хоган. – СПб.: Питер, 2014. – С.46 ↑
-
Дакетт Дж. HTML и CSS. Разработка и дизайн веб-сайтов. – М.: Эксмо, 2013. - С.55 ↑
-
Фримен Элизабет, Фримен Эрик. Изучаем HTML, XHTML и CSS. – СПб: Питер, 2016. – С.67 ↑
-
Учебник HTML. URL: http://ru.html.net/tutorials/html/ (Дата доступа 03.12.2017) ↑
-
Ллойд Йен. Создай свой веб-сайт с помощью HTML и CSS. – СПб.: Питер, 2013. – С.302 ↑
-
Ллойд Йен. Создай свой веб-сайт с помощью HTML и CSS. – СПб.: Питер, 2013. – С.312 ↑
-
Фрейн Б. HTML5 и CSS3. Разработка сайтов для любых браузеров и устройств / Б. Фрейн. – СПб.: Питер, 2014. – С.236 ↑
-
Учебник HTML. URL: http://ru.html.net/tutorials/html/ (Дата доступа 03.12.2017) ↑
-
Хоган Б. HTML5 и CSS3. Веб-разработка по стандартам нового поколения / Б. Хоган. – СПб.: Питер, 2014. – С.202 ↑
-
Фрейн Б. HTML5 и CSS3. Разработка сайтов для любых браузеров и устройств / Б. Фрейн. – СПб.: Питер, 2014. – С.202 ↑
-
Хеник Б. HTML и CSS. Путь к совершенству / Бен Хеник. СПб.: Питер, 2011. – С.283 ↑
-
WML – Язык разметки для мобильных телефонов(WAP) URL: https://htmlweb.ru/html/wml.php (Дата доступа 02.12.2017) ↑