Предъявить работу преподавателю

 

Практическая работа № 23-24

Тема: «Разработка структуры web-сайтов»

Цель:

• Изучение информационной технологии работы с основами языка разметки HTML при создании собственной web-страницы с применением форматирования на основе HTML.

Ход работы:

Термин HTML (HyperText Markup Language) означает " язык маркировки гипертекстов ", используемым для создания страниц Web. HTML не является языком программирования, это язык разметки текстовых документов или еще его называют языком сценариев. Он использует в качестве команд специальные последовательности символов, которые называются ТЭГами (tags). ТЭГ и, присоединяемые к какой-то части текста, определяют стиль отображения этого текста. ТЭГ и также применяются для указания местоположения графических элементов и для задания связей с другими страницами.

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

 

Понятие об HTML

Гипертекстовые документы создаются на специальном языке, который называется HTML (Hyper Text Markup Language – язык разметки гипертекста). Разработка этого стандарта позволила снять две существенные проблемы, которые возникали у пользователей больших сетей.

Термин HTML (HyperText Markup Language) означает " язык маркировки гипертекстов ", используемым для создания страниц Web. HTML не является языком программирования, это язык разметки текстовых документов или еще его называют языком сценариев.

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

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

Весь документ набирается только текстовыми символами (их коды понятны всем редакторам), т. е. его можно набрать в любом текстовом редакторе (например, "Блокнот", "WordPad").

Символы и конструкции, которые непонятны браузеру (программе, позволяющей просматривать web-страницы), игнорируются (а текстовые редакторы обычно прекращают интерпретировать документ, если встречают в нем непонятные коды).

В текст документа можно добавлять разнообразные команды, которые указывают, как следует изображать на экране тот или иной фрагмент текста. Эти команды называют тегами. Они так же, как и документ, набираются текстовыми символами, но отделяются от него угловыми скобками: < >.

Файлы c HTML-кодом должны помечаться расширением .html или .htm.

 

Структура тегов

Каждый тег обязательно содержит пару угловых скобок < >, между которыми находится ключевое слово, обозначающее основную функцию тега. Например, ключевое слово HR в теге <HR> означает, что тег вставляет в документ серую горизонтальную линию (Horizontal Row) по всей ширине страницы и толщиной в один пиксель.

Действие тега детализируется с помощью атрибутов. Например, применительно к тегу <HR> можно уточнить, какой длины, толщины и цвета должна быть линия. Каждому ключевому слову сопоставляется свой собственный набор атрибутов и стандартные значения для них.

Атрибуты размещают после ключевого слова и перечисляют в произвольном порядке через пробел. После каждого атрибута ставят знак = и нужное значение. Например, тег <HR SIZE=4> означает, что в документ следует вставить горизонтальную линию, которая должна доходить только до середины строки и иметь ширину четыре пикселя. Значения атрибутов в некоторых случаях полагается заключать в двойные кавычки.

Атрибуты, соответствующие одним и тем же свойствам, в разных тегах часто, но не всегда, обозначаются одинаковыми словами. Например, выравнивание текста в пределах строки, ячейки таблицы или около картинки задается одинаковым словом ALIGN. А свойство «цвет шрифта» для документа в целом задается атрибутом TEXT, но для отдельно взятого фрагмента документа – атрибутом COLOR. Соответствующие теги, задающие темно-синий цвет шрифта, выглядят так:

<BODY TEXT=NAVY>, <FONT COLOR=NAVY>.

Многие теги являются парными. Открывающий тег включает какое-нибудь действие, закрывающий прекращает его. В этом случае ключевое слово у обоих тегов одинаковое, но в открывающем теге дополнительно перечисляются все необходимые атрибуты, а в закрывающем атрибутов нет, и перед ключевым словом ставится знак /. Парные теги называются контейнерами. Например, контейнер <B>Я изучаю язык HTML</B> означает, что текст Я изучаю язык HTML следует изобразить жирным шрифтом, а дальнейшие символы – так, как до него.