Файл: Основы программирования на языке HTML..pdf

Введение

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

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

Объект - веб-сайт.

Предмет - программирование сайта на языке HTML.

Цель работы - изучение языка программирования HTML.

Задачи:

• Изучить историю HTML ;
• Раскрыть основную структуру и процессы языка HTML ;
• Основные алгоритмы создания сайта ;
• Создать веб-сайт для примера проделанной работы ;

Структура: работа состоит из введения нескольких глав которые описаны в этой работе, доступным и современным языком.

Глава 1. Основные сведения о языке HTML

1.1 История появления языка HTML

Англ. Hyper Text Markup Language - «язык разметки гипертекста» стандартный язык разметки документов во Всемирной паутине. Большинство web-страниц создаются при помощи языка HTML (или XHTML).

Язык HTML интерпретируется браузером и отображается в виде документа, в удобной для человека форме. HTML является приложением («частным случаем») SGML (стандартного обобщённого языка разметки) и соответствует международному стандарту.

Язык HTML был создан Британским Тимом Бернерсом в 1991-1992 го­дах в Женеве Швейцария. HTML формировался равно как стиль с целью обмена академичской и технической документацией, пригодный с целью применения людьми, ни как не представляющими экспертами в сфере вёрстки.

HTML благополучно управлялся с заданной трудностью SGML путём установления незначительного комплекта структурных и семантических дескрипторов.

Дескрипторы также зачастую именуют «тегами». С помощью HTML возможно просто сформировать сравнительно простой, однако изысканно утвержденный документ. Помимо упрощения структуры главного документа, в HTML занесена поддержка гипертекста. 

Мультимедийные возможности были добавлены позже. Изначально стиль HTML был задуман и создан как способ структурирования и форматирования   документов без их привязки к средствам воссоздания (отображения). 

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

Текстовые документы, имеющие код на языке HTML (такие документы традиционно вмещают расширение (.html либо .htm), обрабатываются специальными приложениями, которые отображают документ в его форматированном образе. Такие приложения, называемые «браузерами» или «интернет-обозревателями», обычно дают пользователю удобный интерфейс для запроса web-страниц, их просмотра (и вывода на иные внешние устройства) и, при необходимости, отправки введённых пользователем данных на сервер. Наиболее известными для нынешний день браузерами являются Internet, Explorer, Mozilla, Firefox, Safari, Google, Chrome, Opera.

1.2 О языке HTML

Text Markup Language (HTML является стандартным языком, предназначенным для создания гипертексто­вых документов в среде WEB. 

HTML  документы могут просматриваться разными образцами браузеров. Если документ создан с использованием HTML, WEB-браузер может интерпретировать HTML для выделения различных элементов документа и первичной их обработки. Использование HTML дозволяет форматировать документы для их понятия с использованием шрифтов, линий и других графических элементов для любом ПО для просмотра WEB -страниц.

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

В большинстве случаев автор документа строго определяет внешний вид документа. В случае HTML читатель, основываясь на возможностях WEB-браузера, может, в определенной степени, управлять внешним видом документа (но не его содержимым). HTML позволяет отметить, где в документе должен быть заголовок или абзац при помощи тэга HTML, а затем предоставляет WEB-браузеру интерпретировать эти тэги. Например, один WEB-браузер может рас­познавать тэг начала абзаца и представлять документ в нужном виде, а другой не имеет такой возможности и представляет документ в одну строку. Пользова­тели некоторых WEB-браузеров имеют, также, возможность настраивать размер и вид шрифта, цвет и другие параметры, влияющие на отображение документа. тэги могут быть условно разделены на две категории: Тэги, определяющие, как будет отображаться WEB-браузером тело документа в целом. Тэги, описывающие общие свойства документа, такие как заголовок или автор документа.

Главным   достоинством HTML‑ заключается в том, что документ может  быть просмотрен на WEB браузерах разных типов и на разных платформах.

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

Например, HTML редакторы, такие, как "Netscape Navigator Gold" компании Netscape, позволяют создавать документы графически с использованием технологии WYSIWYG (What You See Is What You Get). С другой стороны, большинство традиционных средств для создания документов имеют конвертеры, позволяющие преобразовывать документы к формату HTML.

1.3 Основные положения

Все тэги HTML начинаются с "<" (левой угловой скобки) и заканчиваются знаком ">" (правой угловой скобки). Как правило, существует стартовый тэг и завершающий тэг. Ради примера приведем тэги заголовка, определяющие текст, находящийся внутри стартового и завершающего тэга и описывающий надпись документа, регистр при вводе текста не важен:

<TITLE> Заголовок документа </TITLE> или <title> Заголовок документа

</title>.

Завершающий тэг выглядит также, как стартовый, и отличается от него прямым слешем перед текстом внутри угловых скобок. В данном примере тэг <TITLE> говорит WEB-браузеру об использовании формата заголовка, а тэг </TITLE> - о завершении текста заголовка.

Многие тэги, такие, как    <P>     (тэг, определяющий абзац),   не    требуют 

завершающего тэга, однако его использование придает исходному тексту доку­мента улучшенную читаемость и структурируемость.

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

1.4 Структура документа

Когда WEB-браузер получает документ, он предопределяет, как документ должен являться интерпретирован. Самый главный тэг, который встречается в документе, обязан являться тэгом <HTML>. Данный тэг извещает WEB-браузеру, что ваш документ написан с использованием HTML. Минимальный HTML‑ документ будет выглядеть так:

<HTML>

...тело документа...

</HTML>

Заголовочная часть документа <HEAD>.

Тэг заголовочной части документа обязан являться использован сразу  после тэга <HTML> и более нигде в теле документа. Данный тэг описывает собой общее описание документа. Избегайте размещать какой либо текст внутри тэга <HEAD>. Стартовый тэг <HEAD> помещается непосредственно перед тэгом <TITLE> и другими тэгами, описывающими документ, а завершающий тэг </HEAD> размещается сразу после окончания описания документа. Например:

<HTML>

<HEAD>

<TITLE>Список сотрудников</TITLE> </HEAD>

Заголовок документа <TITLE>. Большинство WEB-браузеров отображают содержимое тэга <TITLE> в заголовке окна, содержащего документ и в файле закладок, если он поддерживается WEB-браузером. Заголовок, ограниченный тэгами <TITLE> и </TITLE>, размещается внутри <HEAD>-тэгов, как показано выше на примере. Заголовок документа не появляется при отображении самого документа в окне.

1.5 Тэги тела документа

Тэги тела документа идентифицируют отображаемые в окне компоненты HTML-документа. Тело документа может содержать ссылки на другие докумен­ты, текст и другую форматированную информацию.

Тело важного документа <BODY>. Тело важного документа обязано должно находиться среди тэгами <BODY> и </BODY>. Это та доля важного документа, что отражается как текстовая и графическая (смысловая) сведения вашего важного документа.
Уровни заголовков <Hx>. Когда пишется HTML‑ документ, текст структурно разделяется в просто текст, заголовки частей текста, названия наиболее вы-сокого уровня и т.д. 1-ый уровень заголовков (наиболее большой) обозначается цифрой 1, последующий   2, и т.д. Большинство браузеров поддерживает интерпретацию 6 уровней заголовков, устанавливая любому из их соб ственный стиль. Заголовки выше 6 ой степени никак не являются стандартом и могут не поддерживаться браузером. Заголовок самого верхнего уровня обладает признак "1". Синтаксис заголовка уровня 1 следующий:
<H1> Заголовок 1-ый уровня </H1>
Заголовки другого уровня имеют все шансы являться представлены в общем случае таким образом:
<Hx> Заголовок  уровня </Hx>, x   число с 1 до 6, характеризующая уровень заголовка.
Тэг абзаца <P>. В отличии от многих текстовых процессоров, в HTML-документе как правило игнорируются знаки возврата каретки. Физический разрыв отступа способен пребывать в каждом участке начального слова важного документа (для удобства его читаемости). Но интернет ‑ браузер делит отступы  только лишь при присутствии тэга <P>. В случае если вам никак не поделите отступы тэгом <P>, ваш документ станет выглядеть как единственный огромный пункт. Дополнительные характеристики тэга <P>: <P ALIGN=left|center|right>, позволяют сглаживать абзац согласно левому краю, центру и правому краю соответственно.

Центрирование компонентов важного документа. Вы сможете центрировать все без исключения элементы документа в окне браузера. Для этого возможно применять тэг <CENTER>. Все компоненты среди тэгами <CENTER> и </CENTER> станут находиться в середине окна. Тэг переформатирования <PRE>. Тэг переформатирования, <PRE>, дает возможность демонстрировать документ со специфическим форматированием на экране. Заранее сформатированный документ завершается окончательным тэгом </ PRE>. Внутри заранее сформатированного текста допускается использовать: