Файл: Основы программирования на языке HTML (Сравнительный анализ языков разметки веб-страниц HTML4.0 И HTML5.0.).pdf
Добавлен: 12.03.2024
Просмотров: 31
Скачиваний: 0
СОДЕРЖАНИЕ
ГЛАВА 1. Теоретические аспекты основ программирования ан языке HTML
1.1 История развития гипертекста
1.2 Сравнительный анализ языков разметки веб-страниц HTML4.0 и HTML5.0.
ГЛАВА 2. ГИПЕРТЕКСТОВЫЕ СИСТЕМЫ
2.1 Определение гипертекстовой системы и принципы создания гипертекстового документа
2.2 Создание документов в стандарте HTML
2.3 Гипертекстовая система world wide web (www)
. Так как данные теги могут увеличить время тестирования и разработки, а также увеличить затраты дискового пространства.
Также существуют недостатки HTML5 и в разработке игр:
- медленная работа игр, созданных при помощи HTML5;
- не любая платформа поддерживает игры, разработанные на HTML5;
- при разработке игры на HTML5 требуется гораздо больше ресурсов и времени;
- отсутствие мощных и удобных инструментов для создания игр, особенно для анимации;
Руководитель компании W3C Филипп ЛеЭгаре отметил, в ближайшее время не получится отказаться от Flash технологии. Причиной этому он назвал то, что потребуется длительное время для перехода всех веб-клиентов к поддержке HTML5. В течение нескольких лет технологии HTML5 и AdobeFlash будут существовать и конкурировать.
По праву HTML5 может считаться усовершенствованием стандарта HTML, которого очень долго ждали разработчики. Он вносит полезные дополнения в язык и делает создание веб-приложений более простым и приятным. HTML5 значительно облегчит жизнь разработчикам благодаря упрощению использования и лучшим характеристикам совместимости с предыдущими версиями, взаимодействия и поддержки сценариев. К этому добавляются локальная внешняя память, меньше различий между разными платформами браузеров и лучшее восстановление в тех случаях, когда браузер наталкивается на неправильную разметку.
Естественно, не все браузеры поддерживают весь стандарт целиком. Но поддержка появится со временем. И новые элементы HTML 5 были разработаны с учетом текущей ситуации. С другой стороны, большинство браузеров уже частично поддерживают спецификацию.
Подводя итоги можно с уверенностью сказать, что разработчики HTML5 заметно потрудились над тем, чтобы начинающим и уже опытным веб-разработчикам стало гораздо проще использовать язык в создании достаточно функциональных и красочных, привлекающих внимание, веб-сайтов. И несмотря на малозначительные недостатки в области хранения данных на локальных дисках язык достаточно лёгок в усвоении и чище по сравнению со своими предшественниками.
ГЛАВА 2. ГИПЕРТЕКСТОВЫЕ СИСТЕМЫ
2.1 Определение гипертекстовой системы и принципы создания гипертекстового документа
Существуют несколько типов систем, которые похожи на гипертексты, имеют многие их свойства: многооконные системы, файловые системы с развитым редактором, системы формализации текстов, системы управления базами данных (СУБД), гиперсреды.
Одним из принципов языка гипертекстовой разметки документа (HTML) является многоуровневое вложение элементов.
Любой гипертекстовый документ состоит из тегов, причем обычно начальные теги пишутся большими буквами, а конечные - маленькими. Пример: <HTML></html>.
Рассмотрим основные теги, входящие в каждый гипертекстовый документ. Прежде всего, это <HTML></html> - отличительный признак гипертекстового документа. <HTML></html> является внешним, так как между его стартовым и конечным тегами должен находиться весь гипертекстовый документ.
Также основным тегом является <HEAD></head> - область заголовка гипертекстового документа. Так же, как и HTML, HEAD служит только для формирования общей структуры документа.
Теги <BODY></body> заключают в себе гипертекст, который определяет собственно гипертекстовый документ. Эта часть документа, которую разрабатывает автор страницы и которая отображается программой просмотра гипертекстового документа. Соответственно, конечный тег этого элемента надо искать в конце HTML-файла. Внутри BODY можно использовать все элементы, предназначенные для дизайна документа. Внутри стартового тега элемента BODY можно расположить ряд атрибутов, обеспечивающих установки для всей страницы документа целиком.
2.2 Создание документов в стандарте HTML
Форматирование текста и изменение стилей. Текст - единственный объект гипертекстовой страницы, который не требует специального определения. Иными словами, произвольные символы интерпретируются по умолчанию как текстовые данные. Но для форматирования текста существует большое количество элементов.[4]
<P></p>. Элемент абзаца (paragraph) - один из самых полезных. Он позволяет использовать только начальный тег, так как следующий элемент Р обозначает конец предыдущего и начало следующего абзаца. Конечный тег удобно использовать в тех случаях, когда по смыслу необходимо обозначить конец абзаца. Вместе с элементом Р можно использовать атрибут выравнивания align.
<BR>. Этот элемент обеспечивает принудительный переход на новую строку. Он имеет только стартовый тег. В месте его размещения строка заканчивается, а оставшийся текст печатается с новой строки.
<NOBR></nobr>. Элемент по своему действию является прямой противоположностью предыдущему. Текст, заключенный между его тегами, будет выведен в одну строку. Длинная строка не уместится на экране, и для ее просмотра придется использовать горизонтальную полосу прокрутки.
Тег <NOBR> и обязательный парный закрывающий тег </NOBR>
Тег <NOBR> запрещает перевод строки. Бывают случаи, когда возникает надобность в операции противоположного назначения – запретить перевод строки. Текст, заключенный между тэгами и, будет гарантированно располагаться в одной строке без переноса на другую. Длинная строка не уместится на экране, и для ее просмотра придется использовать горизонтальную полосу прокрутки.
Пример
Это обычный и очень длинный текст, который весьма неудобно читать, если он написан в одну строчку: <nobr>Это обычный и очень длинный текст, который весьма неудобно читать, если он написан в одну строчку</nobr>.
<PRE></pre>. Элемент для обозначения текста, отформатированного заранее (preformatted). Подразумевается, что текст будет выведен в том виде, в каком он был подготовлен пользователем. Например, учитываются символы конца строки, появившиеся при наборе текста в редакторе. Во всех других случаях обозреватель Интернет игнорирует эти символы. Этот элемент удобно использовать для демонстрации листингов программ или для вывода текстовых документов, переформатирование которых может привести к искажению их смысла.
Тег <PRE> обрамляет предварительно отформатированный текст. Переформатированный текст отображается моношириным шрифтом. Получается как бы текстовая вставка в html.
<BLOCKQUOTE></blockquote>. Обозначение цитаты. Этот элемент требует наличия конечного тега. Текст не претерпевает никаких изменений, но абзац располагается с отступом. К кавычкам этот элемент тоже не имеет никакого отношения: если в цитате используются кавычки, то они должны быть проставлены явным образом. В настоящее время используют и другое написание этого элемента BQ.
Тег <BLOCKQUOTE> и обязательный парный закрывающий тег </BLOCKQUOTE>. Тег <BLOCKQUOTE> предназначен для включения в документ длинных цитат, создавая отступы с обеих сторон текста и отделяясь от остального текста пустыми строками.
Пример
Это обычный и очень длинный текст, который весьма неудобно читать, если он написан в одну строчку
А это уже длинный текст c отступами от сторон текста для лучшего восприятия
<CENTER></center>. Элемент используется для центрирования текста, а точнее, любого содержимого. Не является общеупотребительным. Тег <CENTER> и обязательный парный ему </CENTER>. Тег <CENTER> предназначен для горизонтального выравнивания ВСЕХ элементов посередине окна браузера. CENTER это тег уровня блока, поэтому им можно центрировать, например, таблицы, тексты
Пример
Это обычный текст
А это уже текст с использованием тега <center>
<DIV></div>. Элемент, похожий на предыдущий. Он позволяет выравнивать содержимое по левому краю, по центру или по правому краю. Для этого стартовый тег должен содержать соответствующий атрибут: align=’’left’’, align=’’center’’, align=’’right’’.
<B></b>. Выделение текста полужирным шрифтом. Очень популярный элемент. Использование полужирного шрифта - прием, позаимствованный из текстовых редакторов.
Пример
Это обычный текст
А это уже жирный текст с использованием тега <B>
<BIG></big>. Увеличенный размер шрифта.
Пример
Это обычный текст
А это уже более крупный текст с использованием тега <BIG>
<SMALL></small>. Уменьшенный размер шрифта.
Пример
Это обычный текст
А это уже более мелкий текст с использованием тега <SMALL>
<I></i>. Выделение текста курсивом.
Пример
Это обычный текст
А это уже наклонный текст с использованием тега <i>
<EM></em> и <DFN></dfn>. Элементы, означающие выразительность фрагмента текста и определение чего-либо. Оба элемента аналогичны по своему действию элементу I, т.е., в большинстве случаев, позволяют выделить текст курсивом.
Они могут пригодиться только для того, чтобы единообразно выделить одинаковые по назначению фрагменты текста, находящиеся в разных частях документа или даже на разных страницах.
Тег <EM> и обязательный парный ему </EM>.
Тег <em> используется для выделения, подчеркивания важных фрагментов текста курсивом (наклонный текст). Происходит от слова emphasis - акцент.
Пример
Это обычный текст
А это уже текст с использованием тега <em>
<TT></tt>. Элемент, обозначающий текст телетайпа. Его особенность заключается в использовании моноширинного шрифта.
Пример
Это обычный текст
А это уже текст с использованием тега <tt>,имитирующий стиль печатной машинки
<STRIKE></strike>. Элемент, создающий перечеркнутое начертание текста. В настоящее время его заменяют более простым: <S></S>.
Пример
Это обычный текст
А это уже текст с использованием тега <s>
<U></u>. Подчеркнутое начертание текста.
Пример
Это обычный текст
А это уже текст с использованием тега <u>
<STRONG></strong>. Элемент, отвечающий за выделение текста. Обычно его применение равносильно использованию элемента для выделения полужирным шрифтом.
Происходит от слова strong emphasis - сильный акцент. Аналогичен тегу B
Пример
Это обычный текст
А это уже текст с использованием тега <strong>
<SUB></sub>. Элемент, создающий эффект нижнего индекса.
Пример
Текст с использованием тега <sub>
Формула воды - H2O
<SUP></sup>. Элемент, создающий эффект верхнего индекса.
Пример
Текст с использованием тега <sup>
42 = 16
Действие двух последних элементов иллюстрирует рис.2. Оба этих элемента обеспечивают уменьшение размера шрифта. Поэтому их можно использовать и для форматирования абзаца целиком, если необходимо, чтобы он был выведен мелким шрифтом.
Обычный текст и элемент SUB
Обычный текст и элемент SUP
Рис.2. Использование элементов SUB и SUP
<PLAINTEXT></plaintext>. Этот элемент предназначен для создания текста с конструкциями HTML, которые должны восприниматься именно как текст. Все теги, заключенные в PLAINTEXT, воспринимаются броузером только как произвольные символы. Элемент удобно использовать для обсуждения вопросов, связанных с использованием HTML.
<CODE></code>, <SAMP></samp> и <VAR></var>. Элементы, предназначенные для вывода фрагментов программ. CODE используется для форматирования текста программы. SAMP предполагается задействовать при иллюстрации примеров вывода данных на экран. VAR был создан для выделения переменных. Как правило, все эти элементы обеспечивают вывод информации с использованием моноширинного шрифта.
Пример
Это обычный текст
А это уже текст с использованием тега <CODE>
<KBD></kbd>. Этот элемент предназначен для указания текста, который пользователь должен ввести с клавиатуры. Можно рассчитывать, что текст, выделенный с помощью этого элемента, будет выделен моношириным шрифтом в полужирном начертании.
