Файл: Основы программирования на языке HTML (Теоретические аспекты основ программирования на языке HTML ).pdf
Добавлен: 29.06.2023
Просмотров: 32
Скачиваний: 3
Введение
Все известно, что сегодня при существовании локальных сетей, наличии сетей внутри компании (так называемых «внутрикорпоративных»), буквально каждый сотрудник такой компании имеет возможность доступа к совершенно любому информационному ресурсу.
Существующая технология WWW (с англ. World Wide Web, что означает «Всемирная паутина») имеет достаточно широкое распространение благодаря простых интерфейсов пользователей, понятных каждому. В основе этого заложен принцип – «Жми то, что интересно» - понятен любому примитивному пользователю. В данной технологии Всемирной Паутины все основные понятия, будь то картинки или слова – способны раскрыться в виде отдельного документа, который развивает это понятие. Этот способ предоставления данных называется гипертекст; документы же – называются гипертекстовыми. Чтобы описать данные документы, применяют особый язык - язык описания гипертекстовых документов -HTML (от англ. Hyper Text Markup Language).
Данный язык HTML разработал Тим Бернерс-Ли примерно в1991-1992гг в стенах Европейского совета по ядерным исследованиям в Женеве (Швейцария). Данный язык создавался в целях обмена научной и технической документацией, применительно для использования людьми, которые не являлись специалистами в сфере вёрстки.
Целью курсовой работы является изучение основ программирования на языке HTML. С учетом поставленной цели будут решены следующие задачи:
- изучены теоретические аспекты основ программирования на языке HTML;
- на практическом примере показано как можно применять при программировании язык HTML.
Курсовая работа состоит из введения, двух глав, заключения и библиографии.
Глава 1 Теоретические аспекты основ программирования на языке HTML
1.1 Краткая история World Wide Web
Сегодня любой человек на Земле знает, что означает понятие Интернет. Что значит — всемирная паутина, какова история создания Интернет, какие решения преследовали его авторы, как проходила разработка и то, как в итоге он стал таким, каким мы его знаем сейчас? Замысел родился ещё в 1957 году, когда Минобороны США поняло весомость создания надёжной системы передачи информации в условиях войны. Для свершения этой задачи DARPA – Управления перспективных разработок Министерства обороны США — взялось за создание компьютерной сети. Компьютерная сеть, именованную в дальнейшем ARPANET[1], была создана лишь по прошествии двенадцати лет. Участвовали в создании четыре научных организации: Калифорнийский, Университет Юты, Университет Санта-Барбары и Стэндфордский исследовательский институт.
Рождением Интернета можно считать 29 октября 1969 года[2], в тот день состоялся первый обмен данными между двумя узлами ARPANET, помыслом которых было совместное использование ресурсов и поддержка связи. Завоевавший большую популярность первый почтовый клиент был создан в 1971 году. 1983 год стал переходным для Интернета, именно тогда произошли два радикальных события:
а) стандарт NCP, на котором базировалась сеть ARPANET, поменял стандарт на TCP/IP, который и ныне является наиболее широко распространённым;
б) ARPANET сменил название на «Интернет».
В 1984 году ARPANET разделил свою стезю с Национальным научным фондом, который организовал независимую сеть NSFNet – состав сети включал более мелкие сети с высокой пропускной способностью. Спустя год, бойкий соперник отбирал всё больше и больше у ARPANET. Всего за год о включил в свой состав около 10 тысяч вычислительных устройств и отобрал имя «Интернет»[3]. Коренной задачей для NSFNet было предоставление доступа к ресурсам фонда, разнообразным образовательным учреждениям Америки – дать возможность подключения к целостной сети любому техническому или научному сотруднику. Для этого был сделан упор на развитие Сети со скоростными каналами, которая имела бы осуществимость присоединения к себе и других типов сетей. В процессе разработки научный фонд получил «опорную Сеть», которая могла бы предоставить стабильное соединение с Интернетом большому количеству пользователей. Такая топология сети подвела к тому, что к 1985 году произошёл резкий подъём количества подключенных компьютеров к сети NSFNet.
Представление того, что мы по обыкновению зовём «Всемирная Паутина» (WWW), появилась в 1989 году, когда Тим Бернерс-Ли предложил её использовать. Он же создал символьные строки URI, язык разметки гипертекста HTML и Протокол передачи данных HTTP. В 1990 году сеть ARPANET не сумела больше конкурировать со своим оппонентом в лице NSFNet и так завершилась её история. Ещё в этом году впервые произошло соединение к Интернету по «дозвону», т. е. по телефонной сети общественного пользования. Общедоступной Паутина стала в 1991 году, а в 1993 году появилась первая программа для просмотра страничек в Интернете. В 1995 году определением путей трафика занялись провайдеры, а амплуа экспериментальной сети вновь перешла к Национальному научному фонду. К 1997 году Всемирная Паутина, которая практически поглотила имя «Интернет», имела в своей численности около десять миллионов компьютеров. Популярность Всемирной Паутины становилась всё больше.
22 января 2010 года состоялся открытый доступ во Всемирную Паутину с борта Международной космической станции. На 2011 год количество пользователей Паутины на Земле достигло почти 2,1 миллиарда.
Сегодня Сеть обладает выполнимостью подключения по электрическим кабелям, кабельному телевидению, спутниковой связи, оптоволоконным соединениям, радиосвязи, средствам сотовой связи. Нынче Интернет накрепко вошёл во все отрасли деятельности человека. Всемирная паутина принесла нам не только информацию и деньги, но и новый тип заболевания — интернет-зависимость. Рекомендую прочитать статью на эту тему на странице Интернет-зависимость: эффекты наркомании и дать свою оценку в комментариях.
1.2 Язык HTML. Построение Web–документов
HTML - это язык гипертекстовой разметки. Гипертекстом можно назвать текст в любом формате, некоторые части текста которого, могут ссылаться на другие части этого текста, что позволяет быстро переходить от одной части текста к другой.
На сегодняшний день язык HTML существенно усовершенствован. Его прекрасно дополняют технологии JavaScript, DHTML, CSS, PHP и др., что позволяет использовать новые возможности, но основой всего этого остаются все те же стандартные теги, которые и задают внешний вид web-страницы. Браузер, считывая информацию со страниц размещенных в Интернете, отображает ее на экране монитора в том виде, в котором четко указывают ему эти самые теги. Все существующие теги заключены в угловые скобки (< тег >)*[4], это и указывает браузеру на то, что перед ним тег, который ориентирует на определенное отображение страницы, причем сами теги на экране не отображаются.
Тег HTML имеет общий вид <имя>содержимое</имя>
и действует на все, что расположено между парами треугольных скобок. Все теги, имеющие содержимое, должны закрываться, причем закрывающая часть </имя> отличается от открывающей <имя> только наличием символа "/”. Теги могут вкладываться друг в друга иерархически, но без пересечений, т. е. допустимо вложение вида <тег1><тег2></тег2></тег1>, но не <тег1><тег2></тег1></тег2>. Тег вместе с содержимым часто называют элементом HTML.
Действие вложенных тегов имеет свойство объединяться при условии того, что внутри такого тега, который создает полужирное начертание текста, пользователь вложит тег самого курсива, и в конечном итоге должен получиться полужирный курсив. Также и про картинку – чтобы картинка оказалась внутри ячейки, внутрь тега, где создается ячейка таблицы, пользователю нужно вставить тег нужной картинки. HTML делает возможным намного большую свободу действий для обращения с такими тегами, хотя конечно присутствуют и некоторые ограничения. Данные ограничения заключаются в том, что вложить «старшую матрешку» внутрь младшей нельзя!
Известно, что теги классифицируются на блочные (block-level) и текстовые (inline). Первая группа содержит и текстовые, и блочные теги. В режиме отображения выводятся теги всегда только с новой строки. Вторая же группа содержит в себе только текст, и прочие текстовые теги, но не содержит блочные. В режиме отображения они выводятся в текущей строке.
Теги, которые имеют содержимое и нуждаются в закрывающей части, имеют название контейнерных, а теги без содержимого и закрывающей части — называются унарными.
Внутри открывающей части большинство тегов содержит атрибуты, называемые также параметрами или опциями. Все эти названия просто означают команды, уточняющие действие тега. Какой ширины должна быть ячейка таблицы, формируемая тегом? Где хранится картинка, которую тег должен отобразить? На эти и многие другие вопросы отвечают атрибуты, всегда находящиеся в открывающей части тега. Атрибуты имеют общий вид имя=”значение” и разделяются между собой хотя бы одним пробелом, символом табуляции или перевода строки. Если значение атрибута состоит из одного слова, символы двойных кавычек можно не писать, хотя стандарт рекомендует указывать их всегда. Например, элемент вида <р align=”justify”>Hello</p>
описывает контейнерный тег с именем р, имеющий один атрибут с именем align и значением ”justify” Содержимое тега строка текста Hello.
В закрывающей части тега атрибуты не применяются.
Названия всех тегов и атрибутов нечувствительны к регистру символов. Тем не менее, лучше придерживаться единообразного их написания.
У каждого тега имеется набор допустимых для него атрибутов. Для многих атрибутов также заранее известен набор значений, которые они могут принимать. Чаще всего атрибуты можно пропускать, тогда браузер выводит документ, придерживаясь правил, принятых "по умолчанию”. Существуют и обязательные атрибуты. Например, тег вставки картинки не сможет ее найти, если в атрибуте src не будет указано ее местоположение. Как правило, порядок следования атрибутов, допустимых для данного тега, может быть произвольным.
HTML довольно "демократичен”, неправильный тег, лишний атрибут, недопустимое вложение тегов обычно просто игнорируются браузером и не приводят к "зависаниям” или сообщениям об ошибках. Разумеется, при этом может произойти неправильное форматирование документа.
HTML-документ состоит из трех основных частей:
строка декларации типа документа;
заголовок документа, заключенный в тег <head>…</head>;
тело документа, заключенное в тег <body>…</body> или <frameset>…</ frameset>.
Заголовок и тело документа заключаются в объединяющий их тег
<html >…< / html >.
Строка декларации является служебной и указывает на стандарт разработки документа. Для документа, строго соответствующего стандарту HTML 4.0, она представляется унарным тегом вида
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN”>.
На сегодняшний день поддержка деклараций рекомендуется стандартами, но редко реализуется Web-мастерами, в дальнейшем мы будем ее пропускать.
Заголовок в теге <head> содержит информацию об общих свойствах документа. Содержимое тега <head> непосредственно не отображается в окне браузера, однако используется браузером при работе с файлом. Заголовок может включать в себя следующие теги:
титул окна документа (тег <title>);
метатеги документа (теги <meta>);
базовый адрес для ссылок (тег <base>);
связь с другими документами (теги <link>);
встроенные таблицы стилей для оформления (тег <style>);
встроенные программы-сценарии клиента (теги <script>).
Из всех этих тегов нам необходим пока только <title>. <title> представляет собой контейнерный тег без атрибутов, его содержимым может быть любая строка текста, не содержащая других тегов. Именно эта строка будет выведена браузером в заголовке окна или вкладки. Содержимое тега <title> должно кратко отражать суть документа, его рекомендуемый размер — не более 60-80 символов. При добавлении ссылки на документ в папку "Избранное” браузера именем новой закладки становится именно содержимое тега <title>. Многие браузеры создают для каждой закладки отдельный файл, поэтому внутри тега <title> нежелательны символы двойных кавычек, <,>,&, !, ? и другие знаки, недопустимые в именах файлов. Составление "правильных” <title> и других заголовочных тегов — целое искусство. Пока же просто не будем забывать, что заголовок в теге <title> — "самый главный”.
Тело документа содержит теги, предназначенные для отображения браузером, и ограничено контейнерным тегом <body>…</body> или <frame-set>…</frameset>, если документ разбит на несколько окон-фреймов.
1.3 Другие элементы языка HTML
Кроме существующих, общепризнанных элементов языка HTML есть и те, применение которых хоть и достаточно узко направленное, но все же они играют важную роль про составлении страниц во Всемирной Паутине.
В случае, когда мы готовим публикацию (будь то подготовка электронных новостей или иное) нам нужно на страницу вывести определенную цитату - в данном случае одного указания теста с кавычками будет недостаточно, потому что браузер умеет воспринимать символы этих кавычек только как управляющие, и соответственно, в итоге, они не будут отражены. В такой ситуации данную цитату нужно поставить в специальные