Веб программирование


Цель работы: Освоение основ языка разметки гипертекста HTML, дескрипторов форматирования текста и технологии создания гиперссылок.

Теоретические сведения.

Язык разметки гипертекста HTML представляет собой определенный способ формирования информации, который указывает браузеру как следует отображать страницу. Это основное средство кодирования документов, передаваемых по глобальной информационной сети Интернет.

Базовые синтаксис и семантика HTML определены в стандарте, разработанном международной организацией World Wide Web Consortium (W3C), занимающей рассматривающей и стандартизующей все технологии, связанные с веб-средой. Спецификации уже принятых и проекты новых стандартов можно найти по адресу http://www. w3.org.

HTML-документ состоит из текста, образующего содержимое документа, и дескрипторов (тегов), определяющих его структуру и внешний вид. Каждый дескриптор представляет собой идентификатор, заключенный в угловые скобки. Дескрипторы могут быть одиночными и парными. В последнем случае они определяют некоторый структурный блок информации. Закрывающий дескриптор блока отличается от открывающего наличием косой черты перед именем дескриптора.

В соответствии со стандартом, содержимое HTML-документа заключается в пару тегов <HTML>...</HTML> и разделяется на заголовок (<HEAD>...</HEAD>) и тело документа (<BODY>...</BODY>). В заголовке дается название документа HTML и указываются другие параметры, которые браузер может использовать при отображении документа. Например, дескриптор <META http-equiv="Content-Type" con-tent="text/html; charset=windows-1251"> приводит к включению в HTTP-ответ сервера поля заголовка Content-Type, значение которого будет указывать на использование кодировки windows-1251. Тело - это фактическое содержимое документа, в которое входят отображаемый текст и управляющие форматом отображения теги. Пример простейшего HTML-документа:

<HTML>

<HEAD>

<TITLE>Лабораторная работа №1</TITLE>

</HEAD>

<BODY>

<P><B>I. Цель работы:</B> освоение основ языка разметки гипертекста HTML.

</P>

</BODY>

</HTML>

Помимо имени, практически все теги могут использовать набор атрибутов, управляющих способом интерпретации тега браузером. Атрибуты указываются в открывающем теге в виде пар "имя="значение"". Значение заключается в двойные или одинарные кавычки, но может и не сопровождаться подобными ограничителями. Однако в связи с распространением стандарта XML рекомендуется значения атрибутов заключать в двойные кавычки. Наличие атрибутов не является обязательным, и в случае отсутствия атрибута используется его значение по умолчанию.

Все HTML-дескрипторы можно разделить на несколько групп: служебные теги, влияющие на общие свойства отображения и интерпретации документа (например, приведенный выше тег <META>); теги, определяющие структуру документа (<HTML>, <HEAD>, <BODY> и т. п.); теги, влияющие на внешний вид содержимого (<FONT>, <B>, <I> и т. п.); теги, указывающие на необходимость вставки некоторых объектов (<IMG>, <OBJECT>, <SCRIPT> и др.). гипертекст технология атрибут браузер

Особого внимания заслуживает дескриптор <A>, применяемый для создания гиперссылок - того механизма, который и объединяет (с точки зрения пользователя) информационные ресурсы в единую глобальную компьютерную сеть. Основными его атрибутами являются атрибуты href и name, используемые для указания назначаемого гиперссылкой ресурса или назначения имени идентификатора фрагмента (анкера). Например, для того, чтобы создать анкер с именем info в некотором месте докумен-та doc. html, необходимо использовать тег <A> с атрибутом name: <A name="info">Информация</A>. Для создания гиперссылки на этот анкер необходим атрибут href, в котором имя анкера добавляется к имени файла через диез: <A href="doc. html#info">Ссылка на информацию</A>.

Ход работы

Скриншоты интернет страниц

главная страница

Рисунок 1 - главная страница

Рисунок 2

Рисунок 3

Рисунок 4

Рисунок 5

Рисунок 6

Листинг 1.html

<HTML>

<HEAD>

<TITLE>

</TITLE>

</HEAD>

<BODY>

<p align="center"><i>

<img src="image1.jpg"><br>

Американское бюро регистрации патентов и торговых знаков опубликовало новую заявку на патент от Samsung. В документе описывается технология, благодаря которой мобильные устройства корпорации смогут измерять частоту сердечных сокращений и пульса, артериальное давление, скорость кровотока и состояние кожи пользователя путем использования современных методик лазерной спекл-интерферометрии.

Согласно патентной заявке, выполнять такие измерения смогут смартфоны, планшеты и смарт-часы линейки Galaxy.

</i></p>

</BODY>

</HTML>

Листинг 2.html

<HTML>

<HEAD>

<TITLE>

</TITLE>

</HEAD>

<BODY>

<p align="left"><b>

<img src="image2_1.jpg"><br>

Новая китайская компания Vernee представила свой первый флагманский смартфон Apollo. Устройство оснастили самыми передовыми характеристиками, которые сегодня доступны на мобильном рынке. Vernee Apollo получил цельнометаллический корпус, на задней стороне которого разместился сканер отпечатков пальцев. Зарядка и синхронизация с компьютером осуществляется с помощью универсального разъема USB Type-C.

<br>

<img src="image2_2.jpg"><br>

Большую часть передней панели смартфона занимает 5,5-дюймовый экран с разрешением Quad HD (2560x1440 пикселей) и поддержкой технологии 3D Force Touch. Последняя отвечает за распознавание силы нажатия. Из других технических характеристик Vernee Apollo стоит отметить десятиядерный процессор MediaTek Helio X20 (MT6797), 6 ГБ оперативной памяти, встроенный накопитель емкостью 128 ГБ, 21-мегапиксельную основную камеру с сенсором Sony IMX230 и 8-мегапиксельную фронтальную камеру.

Производитель планирует начать поставки смартфона в конце апреля. Стоимость и другие подробности будут объявлены позже.

</b></p>

</BODY>

</HTML>

Листинг 3.html

<HTML>

<HEAD>

<TITLE>

</TITLE>

</HEAD>

<BODY>

<p align="right"><u>

<img src="image3_1.jpg"><br>

Google создала оффлайновую систему распознавания речи, которая намного быстрее и точнее аналогичной системы, имеющей подключение к сети Интернет. Более того, она уже протестирована на смартфоне Nexus 5. Правда, в настоящее время ее возможности весьма ограничены, поскольку более сложные команды все же должны отправляться на сервер, что, в свою очередь, приводит к повышению времени обработки.

Google удалось создать программу размером всего 20,3 МБ, которая в 7 раз быстрее онлайновой системы распознавания голоса, а ее процент ошибок составляет всего 13,5%. Для того чтобы добиться такой экономии ресурсов, сервис использует единственную модель как для диктовки, так и для голосовых команд. Для уменьшения его размера компания также применяла и дополнительные технологии сжатия.

<img src="image3_2.png"><br>

Чтобы система научилась распознавать голос, были проведены тренировки с использованием трех миллионов анонимных голосовых семплов. При этом для каждого семпла было создано порядка 20 искаженных шумом версий.

Вполне вероятно, что уже в ближайшем будущем разработка найдет применение не только в смартфонах, но и в носимых устройствах.

</u></p></BODY>

</HTML>

Листинг 4.html

<HTML>

<HEAD>

<TITLE></TITLE>

</HEAD>

<BODY>

<s>

<img src="image4_1.jpg"><br>

Современные смартфоны предлагают множество методов для проверки личности владельца. Одним из самых популярных и удобных является сканер отпечатков пальцев. Также сейчас появляются аппараты со сканером радужной оболочки глаза пользователя, но этот метод не столь распространенный, как предыдущий. Компания NEC предложила использовать для идентификации владельца новую технологию, основанную на определении уникальной формы человеческого уха.

<img src="image4_2.png"><br>

Так как у каждого человека уникальная форма ушей, то и звук резонирует в ушном канале у всех по-разному. Специальные наушники от NEC имеют встроенный микрофон, который считывает, как звук проходит через внутреннее ухо, устанавливая тем самым личность пользователя. Главной особенностью этой технологии является то, что она способна идентифицировать владельца устройства с точностью 99% всего за одну секунду.

NEC надеется, что эта технология может появиться в коммерческих устройствах уже в 2018 году. Компания не говорит о полной замене сканеров отпечатков пальцев в смартфонах, а лишь предлагает дополнительный метод идентификации. Например, подобная проверка личности пользователя может проходить при важном или конфиденциальном телефонном звонке, чтобы никто посторонний не взял трубку.

</s>

</BODY>

</HTML>

Листинг main. html

<HTML>

<HEAD>

<TITLE></TITLE>

</HEAD>

<BODY>

<a href="1.html">"стройства Samsung будут активнее следить за здоровьем пользовател¤ </a><br>

<a href="2.html">Vernee Apollo стал одним из самых продвинутых смартфонов на рынке</a><br>

<a href="3.html">Google тестирует систему оффлайнового распознавани¤ речи</a><br>

<a href="4.html">--мартфоны смогут идентифицировать владельца через наушники</a><br>

</BODY></HTML>

Вывод

В ходе данной работы был изучен язык разметки гипертекста HTML, так же были освоены дескрипторы форматирования текста и технологии создания гиперссылок.

Похожие статьи




Веб программирование

Предыдущая | Следующая