Историческая справка Официальным днем рождения сети Internet считается 2 января 1969 года, когда Управление перспективных исследований Министерства обороны. - презентация

1 Историческая справка Официальным днем рождения сети Internet считается 2 января 1969 года, когда Управление перспективных исследований Министерства обороны США ArPA (Advanced research Project Agency) начало работу над проектом связи оборонных компьютеров. В 1989 году выпускник Оксфордского университета, бакалавр в области физики - сотрудник Европейского центра ядерных исследований (CErN) Тим Бернес-Ли разработал и приступил к созданию информационной службы world wide web. Он написал приложение клиент/сервер (браузер).

2 В основу всей системы легло понятие гипертекста - т.е. множества отдельных текстов, имеющих ссылки друг на друга. Для работы с текстами был создан протокол HTTP - Hyper Text Transfer Protocol где были обозначены основные элементы языка разметки html. В 1994 году был образован Консорциум w3C, для разработки стандартов языка html, необходимых для дальнейшего развития world wide web.

3 В 1996 году Консорциум w3C объявил о сотрудничестве с лидерами рынка для установления стандартов совместимости программного обеспечения. Была предложена версия html 3.2, которая стала компромиссным решением - попыткой примирить Microsoft и Netscape и объединить их оригинальные решения в одно целое. Однако многие компании придумывали новые расширения к языку html и внедряли их поддержку в свои браузеры, поэтому Консорциум w3C предпринял очередную попытку установить стандарты, предложив версию html 4.0.

4 Язык html развился из стандартного обобщенного языка описания документов SGML и является его производной, созданной для разметки текстовых документов. Разработчиками создаются интерактивные модули, интегрируемые в html, языки программирования и средства поддержания баз данных, которые также могут быть внедрены в исходный код html, язык расширяется для предоставления средств управления внешним видом и возможностями текста и графики.

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

6 В 1999 году в мире объем продаж персональных настольных компьютеров упал примерно на 40%, зато увеличились продажи всевозможных носимых и карманных портативных устройств и компания Microsoft начала уделять большое внимание этому сектору рынка.

7 В 1997 году Консорциум w3C опубликовал спецификацию языка html 4.0, в которой указано какие из элементов устарели и не рекомендуются к дальнейшему применению и новые элементы и атрибуты, которые предлагается использовать в дальнейшем: Устаревшие элементы: Новые элементы и атрибуты: APPLET BASEFONT CENTER DIR FONT ISINDEX MENU S STrIKE U THEAD Q BUTTON COLGRROUP DEL FieLDSET FRAME RAMESET IFRAME INS labEL LEGEND NOFRAMES NOSCRIPT OBJECT OPTGROUP PARAM SPAN TBODY TFOOT ABBR ACRONYM BDO

8 Консорциум w3C обозначил тенденцию развития языка html в сторону логического форматирования содержимого: дана возможность идентификации практически любого элемента или группы элементов по имени; описаны основные атрибуты для событий; однозначно указанно на платформо-независимость языка html. Таким образом, было указано, html не является языком визуальной верстки текстов, а является языком логической разметки.

9 Нежелательными являются почти все атрибуты, определяющие представление документа html (цвета, выравнивание, шрифты, графика и т.д.). Взамен рекомендуется использовать таблицы стилей и классы. Атрибуты id и class позволяют авторам назначать элементам информацию об имени и классе для таблиц стилей, ссылок, скриптов, объявления объектов, общей обработки документа и т.д. html 4.0 поддерживает более обширный набор дескрипторов устройств, так что авторы могут писать таблицы стилей в зависимости от устройств.

10 Многие элементы теперь имеют атрибуты для событий, которые могут объединяться со скриптами и при наступлении события выполняется скрипт (например, при загрузке документа, при щелчке мыши и т.д.). Это легло в основу повышения интерактивности документов, дало возможность пользователям динамически изменять вид и содержание документов. Появилась возможность говорить о надстройке к языку html, позволяющей создавать и визуализировать интерактивные web-страницы без помощи подключаемых модулей, не увеличивая трафик Dynamic html. Применение новых решений направленно на снижение количества обращений к серверу т.е. на снижение трафика.

11 Набор символов Формально, набор символов, используемых в html- документе должен включать ISO Latin 1, известную также как ISO кодировку, так как она принадлежит к набору стандартов ISO 8859 и быть совместимым с ISO и Unicode. В практической работе Вы должны использовать только ISO Latin 1 набор символов. Можно использовать ASCII наборы символов, которые являются подмножеством ISO Latin 1, особенно, если у Вас нет необходимости в написании символов с диакритическим знаком или символов, не входящих в английский алфавит (a-z).

12 Некоторые предупреждения: Набор символов windows наиболее согласован с ISO Latin 1, однако есть некоторые кодовые позиции, которые зарезервированы в качестве управляющих символов в ISO Latin 1 и, тем не менее используются для изображения видимых символов в наборе символов windows. Например, два различных тире "en тире" и "em тире", которые не надо смешивать с дефисом (-) или подчеркиванием (_), принадлежащими к ISO Latin 1 и к ASCII. Использование таких символов в windows-системах отображается как положено, в других же системах они, скорее всего, будут выглядеть, как помарки или не отображаться совсем.

13 правой угловой скобки «>». Тег html состоит из следующих друг за другом в определенном порядке элементов: левой угловой скобки «

14 В таких случаях два тега и часть документа, отделенная ими, образуют блок, называемый html элементом или контейнером. Некоторые теги, например, являются элементами html сами по себе, и для них соответствующий конечный тег неверен. Большинство, но не все теги html записываются так, что за открывающим тегом следует соответствующий закрывающий тег, а между ними содержится текст или другие теги, например: Foreword

15 Большинство тегов допускает один или несколько атрибутов, однако атрибутов может и не быть. Спецификация атрибута состоит из расположенных в следующем порядке: значения атрибута, которое задается строкой символов, например, "80". имени атрибута, например wIDTH знак равенства (=)

16 o Значение атрибута всегда заключается в кавычки, либо в одинарные '80', либо двойные "80". o Строка в кавычках не должна содержать такие же кавычки внутри себя. Например, если дата заключена в двойные кавычки, используйте одинарные кавычки для последующего заключения в кавычки, и наоборот. o Предпочтительно использование двойных кавычек. Некоторые правила для атрибутов

17 Можно также опустить кавычки для значений атрибутов, которые состоят только из следующих символов: символов английского алфавита (A - Z, a - z); цифр (0 - 9); промежутков времени; дефисов (-).

18 UrL, так как он может содержать наименования файлов, которые являются case чувствительными во многих операционных системах (например, в Unix). Имена тегов, атрибута и большинство значений атрибутов html является case нечувствительным языком. Например, вы можете написать TITLE, или Title, или title, или tItLE. Однако существуют и case чувствительные конструкции языка, а именно: escape последовательности (называемые символьными объектами), которые начинаются знаком & (амперсанд) (например, <)

19 То есть любая последовательность пробелов, символов табуляции и пустых линий эквивалентна единственному пробелу в файле html. Когда документ выводится на экран, пробелы и пустые линии не сохраняются, за исключением текста, заключенного в теги PRE (предварительно отформатированный текст).

20 Элементы html можно классифицировать на три основные категории: заголовочные элементы, т.е. элементы, используемые в элементе HEAD ("шапка", заголовок) и содержащие информацию о документе в целом: TITLEBASEISINDEX LINK META STYLE SCRIPT

21 блоковые элементы, включающие элементы, которые специфицируют структуру документа, и элементы H1,H2,H3,H4,H5,H6,ADDRESS. P,UL,OL,DL, PRE,DIV,CENTER, BLOCKQUOTE,FORM, ISINDEX, HR,HR, TABLE например, разделение на части и параграфы (абзацы):

22 текстовые элементы. Текстовыми элементами могут быть: простой текст, возможно содержащий escape последовательности (например, &) выражения разметки: CITE разметка шрифта: SUP специальные элементы: MAP элементы формы: EM,STRONG,DFN,CODE, SAMP,KBD, VAR, TT,I, B, U,STRIKE,BIG,SMALL, SUB, A,A, img,APPLET, FONT, BASEFONT,BR,SCRIPT, INPUT,TEXTAREASELECT,

23 Замечание: часто блоковые элементы могут содержать как текстовые, так и другие блоковые элементы, например, блоки могут быть вложенными. Текстовые элементы также могут быть вложенными. Но текстовые элементы не могут включать блоковые элементы.

24 В элементах FONT и BODY некоторые конструкции html могут быть использованы, чтобы специфицировать цвета: например, цвет фона, цвет текста по умолчанию или цвет текста связи. Для спецификации цвета, как значения атрибута, существуют два варианта:

25 Цифровое обозначение в шестнадцатиричной записи, например, "#FF0000", которая контролирует, каким образом цвет формируется из основных цветов - красного, зеленого и голубого - в так называемое SRGB цветовое пространство, при этом обозначение должно быть взято в кавычки. Символьная нотация RED. Определено шестнадцать таких имен, которые можно записывать в любом регистре с кавычками или без.

26 {Тело документа} {Заголовок документа}

27 Поэтому его применение строго не обязательно. Элемент должен первым указываться в документе html (теоретически). Он сообщает серверу WEB способ обработки документа и то, какие дескрипторы могут находиться на странице, хотя чаще всего он игнорируется браузерами.

28 Здесь текст определяет версию html, а URL позволяет браузерам пользователей загрузить DTD, например:

29 Строгое DTD. Документы, использующие такое объявление типа документа, включают в себя все элементы и атрибуты, не являющиеся нежелательными и не использующие кадры.

30 Документы, использующие такое объявление типа документа, включает все, что включено в строгое DTD, а также нежелательные элементы и атрибуты, относящиеся к визуальному оформлению.

31 Документы, использующие такое объявление типа документа, включает все, что включено в предыдущее DTD, а также кадры.

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

33 Например, в собрании книгоподобных документов, разделенных на малые файлы, каждый файл должен содержать, по крайней мере, связь к "первой странице" "книги" (home page). Каждый html документ должен содержать основную информацию о его происхождении. О происхождении документа должна быть представлена, по крайней мере, следующая информация:

34 Автор документа, имеющий уникальное имя. При этом должна быть задана связь с домашней странницей автора. Дата создания документа или его последней модификации, или и та и другая. Если у документа несколько авторов, определите их всех, а также роль каждого из них; например, ведущего автора, редактора, действующего спонсора, а также лиц, формально отвечающих за документ. Представляемая дата должна быть понятна во всем мире; в частности, название месяца лучше писать словом, а не цифрой.

35 Контекст документа и его статус, Адрес (URL) документа. например: часть официальной документации компании об одном из ее продуктов, или часть личной информации о хобби автора, или что-то другое. Такая информация зачастую чрезмерна, однако она может быть очень полезной, когда кому-то нужна копия именно того документа, который он нашел. Лучше не полагаться на браузер (и пользователя), добавляющих такую информацию, когда сделана копия документа.

36 Элемент предназначается для выделения той части документа, которая будет визуализирована для пользователя. Атрибут задает графическое изображение, которое как черепица заполнит фон документа. Он имеет как начальный, так и конечный теги. Начальный тег может иметь несколько атрибутов. Вложенные атрибуты элемента BACKGROUND Синтаксис: Файл с изображением должен быть сохранен в формате gif, JPG или JPEG.

37 По умолчанию такой текст будет черным. BGCOLOR Этот атрибут задает цвет фона документа при помощи шестнадцатеричных значений интенсивности цветов RGB, или при помощи строчного литерала, соответствующего названию цвета. Синтаксис: или TEXT Этот атрибут задает используемый по умолчанию цвет текста, который не является гиперссылкой. Синтаксис:

38 LINK Этот атрибут задает цвет гиперссылки, в большинстве браузеров он задан по умолчанию темно-синим. Синтаксис: ALINK Этот атрибут задает цвет активной гиперссылки, он меняет цвет гиперссылки в момент щелчка по ней мышью, не желательно задавать ему цвет фона. Синтаксис: VLINK Этот атрибут задает цвет посещенной гиперссылки, не желательно задавать ему цвет фона и цвет атрибута LINK.

39 BGPROPERTIES Этот атрибут задает верхнюю границу страницы в пикселях. Этот атрибут задает свойства фонового изображения. В данный момент браузерами поддерживается единственное его значение fixed, запрещающее скроллинг изображения. Синтаксис: TOPMARGIN Синтаксис:

40 BOTTOMMARGIN Синтаксис: Этот атрибут задает нижнюю границу страницы в пикселях. Синтаксис: LEFTMARGIN Этот атрибут задает границу страницы в пикселях слева. Синтаксис: RIGHTMARGIN Этот атрибут задает границу страницы в пикселях справа.

41 Элемент определяет заголовок документа. BASE - базовый, основной URL Цель Задание базового URL для относительных URL в документе (например, в атрибутах HREF элемента A). Этот элемент часто используется для отображения документов. Например:

42 Так как в документе допускается только один элемент BASE, Вы не можете иметь различные базовые URL в различных частях файла html. Элемент BASE непосредственно не отображается в документе. Основной синтаксис Допустимый контекст Элемент заголовка (HEAD), в котором может быть только один элемент BASE. Примечания

43 При отсутствии элемента BASE в документе URL самого документа становится базовым в пределах документа. (Это не является необходимым, так как базовый URL может быть перекрыт HTTP заголовком соответствующего документа.)

44 Цели Для задания метаинформации (информации о документе), т.е. пар имя/значение, описывающих свойства документа, например, авторство, истечение даты, список ключевых слов и т.д. Элементы META не влияют на отображение самого документа. Они могут давать некоторый эффект при представлении информации о документе, например, в верхнем окне браузера или в ответе на запрос от поискового средства. Типичное отображение

45 Синтаксис Или

46 CONTENT строка - содержимое метаинформации обязательный атрибут элемента META Возможные атрибуты NAME имя - имя отдельного элемента метаинформации альтернатива атрибуту HTTP-EQUIV HTTP-EQUIV имя - имя отдельного элемента метаинформации альтернатива атрибуту NAME

47 Допустимый контекст Тег META влияет на индексирование документа, когда он включается в базу данных поискового сервера. Элемент заголовка, в котором может появиться любое количество элементов META. Примеры

48 Титул не отображается непосредственно, как часть самого документа, но может прилагаться к документу в нескольких контекстах. Цель Для задания обязательного "внешнего" заголовка документа. Типичное отображение

49 Титул может выводиться в окне заголовка программы просмотра; в горячем списке, определяемом пользователем; списке истории и т.д. в списке результатов поиска, возвращаемых поисковым сервером; Заголовочный элемент, в котором есть хотя бы один элемент TITLE. Основной синтаксис последовательность символов Допустимый контекст

50 Написать хорошее заглавие - очень важно, так как списки результатов поиска, возвращаемые поисковым сервером, могут использовать его. Содержимое Последовательность символов. В TITLE можно использовать escape последовательности, например, < (для

51 Например:. Файл html может содержать комментарии, дающие пояснения для человека, читающего html код. Комментарии не влияют каким-либо образом на представление документа, т.е. они игнорируются браузером. Вы можете начать комментарии с четырехсимвольной последовательности (два дефиса, знак "больше чем").

52 Набор содержимого в любом из текстовых редакторов (например Notepad) и сохранение обычного текстового файла. Логическое и физическое форматирование текста (разбивка на абзацы, блоки, заголовки и пр., внешнее их оформление) при помощи тэгов и сохранение текстового файла с расширением.htm или.html (делается это все в том же Notepad).

53 Организация переходов по гиперссылкам документа при помощи элемента - основного связующего элемента языка html. Внедрение в документ необходимых объектов: рисунков, таблиц, видео клипов, аудио файлов, апплетов Java, скриптов и т.д. при помощи тэгов языка html.

54 Элемент Элемент используется с целью создания ссылок на другие элементы документа, или на другие документы. Элемент выполняет два действия: задает имя ссылки и задает ссылку на имя. Имя ссылки браузер автоматически выделяет другим цветом и подчеркивает.

55 Для задания имени используется атрибут name, который задает привязку ссылки в тексте, на которую и будет производиться ссылка. Синтаксис: необязательный текст или же в тексте: текст для щелчка Для организации ссылки используется атрибут href, который задает адрес ссылки. Синтаксис: текст, для щелчка Он может указывать или на имя ссылки в тексте, или на UrL и имя файла.

56 Для визуализации подсказки ссылки используется атрибут title, который задает название ссылки Синтаксис: Ссылка

57 Элемент Элемент используется с целью выделения особым шрифтом слова или текста. Синтаксис: Текст Элемент Элемент используется с целью дополнительного выделения фрагментов программного кода. По умолчанию он отображается телетайпным шрифтом. Данный элемент предпочтительнее, чем элемент (телетайпный шрифт).

58 Синтаксис: листинг кода Поскольку расположение пробелов существенно для чтения программного кода, элемент целесообразно употреблять в сочетании с элементом. Элемент Элемент используется с целью обозначения терминов и определений по типу словарей или глоссариев. Синтаксис: Текст Элемент Элемент используется с целью обозначения источника информации, из которого взята цитата. Синтаксис: Текст

59 Элемент Элемент используется с целью выделения особым шрифтом слова или текста. Элемент Элемент используется с целью выделения курсивным шрифтом слова или текста. Синтаксис: Текст Элемент Элемент используется с целью выделения полужирным шрифтом слова или текста. Синтаксис: Текст

60 Элемент используется с целью выделения подчеркиванием слова или текста. Элемент Синтаксис: Текст Элемент Синтаксис: Текст Элемент используется с целью выделения надстрочных слова или текста. Синтаксис: Текст Элемент Элемент используется с целью выделения подстрочных слова или текста.

61 Элемент Элемент используется с целью выделения крупным шрифтом слова или текста относительно основного текста. Синтаксис: Текст Элемент Элемент используется с целью выделения мелким шрифтом слова или текста относительно основного текста. Синтаксис: Текст Элемент Элемент используется с целью изменения выделения шрифтом слова или текста. С ним применяются два атрибута size и color.

62 Синтаксис: Текст Некоторые браузеры поддерживают атрибут face, позволяющий задать любой из перечня шрифтов, если браузер не находит заданный шрифт - то используется шрифт, заданный по умолчанию. или Текст Элемент Элемент используется как альтернатива атрибуту size элемента, он позволяет задать базовый размер шрифта во всем документе и не имеет конечного тега. По умолчанию значение его задается равным 3, значение size может выражаться так же и относительным размером, например, размер -1 означает размер на один меньший, чем по умолчанию. Синтаксис:

63 Соответствующие каждому уровню гарнитура и размер шрифта зависят от браузера, стилю назначается самый большой и самый жирный шрифт, а стилю назначается самый маленький и самый невзрачный шрифт. Элемент может иметь атрибут align, который указывает отступ left, center или right. Синтаксис: Текст заголовка Шесть уровней заголовков Синтаксис: Разделительные линии Элемент используется для проведения горизонтальной черты в документе, он может иметь атрибуты : color, задающий цвет линии, size высота в пикселах width ширина в пикселях или процентах от ширины экрана, align режим выравнивания, и не имеет конечного тега.

64 Синтаксис: Текст абзаца Элемент Этот элемент задает один из способов разбиения текста на абзацы. Он может иметь вложенный атрибут align, который указывает отступ left, center или right. Каждый следующий абзац игнорирует, заданное для предыдущего абзаца значение align. Элемент Этот элемент задает разрыв текста с переходом на новую строку. Он может иметь вложенный атрибут clear, который может принимать значения left, all или right тем самым указывать обтекание текста вокруг плавающих изображений вставленных в текст нестандартным способом.

65 Может быть отменен тэгами и Каждый следующий абзац игнорирует, заданное для предыдущего абзаца значение clear. Синтаксис: Текст Элемент Весь текст, заключенный в тэги и будет визуализирован браузером точно так, как он визуализирован в исходном коде документа, кроме того текст выводится моноширинным шрифтом, что значительно упрощает задачу форматирования текста в колонки. Элемент поддерживается не всеми браузерами, он может иметь атрибут width, который задает ширину отводимого пространства под текст в символах.

66 Синтаксис:...текст... Элемент сменил собой устаревшие элементы, и Элемент Элемент позволяет выделить в структуре документа несколько разделов. Он является блочным элементом, функционирующим во многом подобно элементу. Если закрывающий тэг опущен, то эффективно заменяет его и начинает новый абзац.

67 Каждый следующий раздел игнорирует, заданное для предыдущего раздела, значение align. Синтаксис: Текст раздела Элемент Элемент используется для оформления контактной информации текущего документа, будь то адрес электронной почты или полный почтовый адрес с номером телефона. Синтаксис: контактная информация Он может иметь атрибут align, который указывает отступ left, center или right.

68 Синтаксис: Текст Элемент Элемент позволяет выделить некоторое количество текста для последующего его форматирования, но в отличие от не начинает новый абзац. Элемент Элемент позволяет выделить объемный текст-цитату из общего текста. Синтаксис: Текст

69 Списки Элемент Элемент используется с целью задания нумерованных списков, имеет атрибуты type=1, или A, или a, или I, или i для задания вида нумерации и start для указания, с какого индекса начинается нумерация списка. Элемент включает в себя дополнительный элемент, который задает элементы списка. Синтаксис: элемент списка элемент списка Пример: 1. элемент списка 2. элемент списка

70 Элемент Элемент, по сути, является аналогом без дополнительных элементов, он используется с целью задания ненумерованых списков, имеет атрибут type=circle,square, или disc для задания вида маркера. Элемент включает в себя дополнительный элемент, который задает элементы списка. Синтаксис: элемент списка элемент списка Пример: элемент списка

71 Элемент Элемент используется с целью задания словарей, глоссариев и прочих перечней. Элемент включает в себя дополнительные элементы и, которые обозначают соответственно термин и определение. Синтаксис: термин 1 определение 1 термин 2 определение 2 Пример: термин 1 определение 1 термин 2 определение 2

72 Таблицы Структура таблиц в html включает строки и столбцы, которые могут иметь заголовки (headers - имена, титулы, объяснения). Таблица в обычном варианте представляется в естественном виде, с согласованно расположенными столбцами. В html табличные элементы обычно называют ячейками, чтобы избежать смешивания с табличным элементом (TABLE element), который в описании html соответствует всей таблице. Теги, используемые для представления таблиц Для представления таблиц используются нескольких видов тегов html: теги TABLE, которые обрамляют всю табличную спецификацию;

73 необязательный элемент CAPTION, специфицирующий заголовок (имя) таблицы; теги TR, специфицирующие строки таблицы; теги TH, специфицирующие заголовки строк и столбцов; теги TD, специфицирующие данные в таблице, т.е. содержимое табличных ячеек. Теги TABLE заключают в себе табличные строки, каждая из которых обрамляется тегами TR, и табличные ячейки, обрамляемые тегами TD. Это согласуется с логической структурой таблицы, как множеством строк, состоящих из ячеек. Вы можете сократить табличную структуру, опустив конечные теги TD и TR, однако это не рекомендуется.

74 Более того, хотя удаление конечных тегов допустимо в html 3.2, отдельные браузеры (включая Netscape) не смогут без них правильно представить таблицу. Использование пробелов и переводов строк в коде html для таблицы не всегда хорошо, однако это иногда необходимо для позиционирования элементов таблицы в коде html так, чтобы образы в одних и тех же столбцах располагались бы понятно для Вас (или для кого-то, работающего с документом html). Дополнительные свойства Есть несколько элементов, которые Вы можете добавить к вышерассмотренной простой табличной модели: Заголовок (caption) для таблицы, связанный с самой таблицей (в дополнение к строкам текста о таблице в документе).

75 Подзаголовки (headers) (объяснения) как для табличных строк, так и для колонок. Рамки (borders) вокруг таблицы и каждой табличной ячейки. Использование таблиц для представления меню Часто требуется представить большой набор относительно малых образов. Например, у нас есть документ о различных странах и мы хотим создать меню из имен стран, чтобы использовать его, как индекс. И индекс должен использовать обычные связи, например Afghanistan. Можно либо использовать элемент PRE, либо затратить усилия на конструирование подходящего элемента TABLE. Например: Табличные элементы, занимающие несколько строк или столбцов

76 Иногда требуется создать табличный элемент, объединяющий две или более ячейки, как в горизонтальном, так и в вертикальном направлении. Для этого используются атрибуты ROWSPAN и COLSPAN. Вложенные таблицы Таблицы могут быть вложенными, так как элементы TD и TH могут содержать и блоковый элемент и табличный. Во вложенных таблицах легко сделать ошибки, поэтому обращайте особое внимание на их построение.

77 Графика img - линейные изображения Цель Включает изображения в документ. Типичное отображение Изображения представляются, как часть документа. Неграфические браузеры представляют взамен изображения значение атрибута ALT. Позиционирование изображения обеспечивается атрибутами элемента img. Основной синтаксис

78 Возможные атрибуты SRC - URL адрес изображения обязателен ALT строка текстовое описание изображения ALIGN TOP, MIDDLE, BOTTOM, LEFT, RIGHT позиционирование изображения относительно текущей текстовой строки по умолчанию BOTTOM HEIGHT целое - высота в пикселях WIDTH целое - ширина в пикселях BORDER целое ширина бордюра (рамки) в пикселях используется, когда элемент img появляется, как текст якоря; используйте BORDER=0 для подавления рамки HSPACE целое ширина незаполненного пространства непосредственно слева и справа от изображения в пикселях значение по умолчанию - малое ненулевое число

79 VSPACE целое высота незаполненного пространства выше и ниже изображения в пикселях значение по умолчанию - малое ненулевое число Атрибуты WIDTH и HEIGHT при совместном использовании позволяют программам просмотра зарезервировать место на экране для изображения еще до того, как они будут переданы по сети. Это позволяет пользователю начать чтение, пока передача данных еще продолжается. Эти атрибуты не предназначены для автоматического изменения размера изображения браузерами. Хотя некоторые браузеры могут масштабировать изображение в соответствии с атрибутами WIDTH и HEIGHT, особо полагаться на это нельзя, эти атрибуты должны задавать реальный размер изображения.

80 Значения ALIGN имеют следующий смысл: ALIGN=TOP Позиционирует верх изображения с верхом текущей текстовой строки. Браузеры по разному интерпретируют это. Некоторые принимают во внимание то, что было на текстовой строке до изображения и игнорируют, что идет на строке после него. ALIGN=MIDDLE Выравнивает середину изображения по основной текстовой строке. ALIGN=BOTTOM (по умолчанию) Выравнивает низ изображения по основной строке.

81 ALIGN=LEFT Перемещает изображение к текущему левому краю, временно изменяя этот край так, чтобы последующий текст переместился вдоль левой стороны изображения. Такой текст (но не изображения) обычно заставляет выровненные по левому краю изображения смещаться на новую строку, с последующим продолжением текста на прежней строке. Отображение зависит от того, были ли выровненные по левому краю какой-нибудь текст или ранее появившееся изображение до того, как в разметке появилось текущее изображение. ALIGN=Right Перемещает изображение к текущему правому краю, временно изменяя этот край так, чтобы последующий текст переместился вдоль правой стороны изображения.

82 Основы построения интерактивных www-страниц Язык JavaScript Создание форм html Формы представляют собой наиболее важные интерактивные элементы html, позволяющие разработчикам страниц интерактивно взаимодействовать с посетителями. С их помощью пользователь может возвращать комментарии по поводу посещения определенного узла, пересылать запросы или регистрироваться. Разработчик задает вопросы, создавая форму, а пользователь отвечает на них заполняя её. Содержимое формы либо передаётся сценарию CGI, либо по электронной почте посылается получателю.

83 Сам процесс создания формы состоит из двух этапов. Первый заключается в создании самой формы, а второй заключает в себе создание на сервере сценария CGI. Форма создается при помощи различных тэгов и атрибутов, заключенных в пару : Элемент. Элемент Элемент.

84 Элемент является необходимым условием для всех форм. Он может иметь следующие атрибуты: Элемент. Method Этот атрибут определяет способ пересылки данных сценарию CGI. Здесь протокол GET выбран по умолчанию, но в большинстве случаев разработчики пользуются протоколом POST, который позволяет передавать большие объемы данных. Action Этот атрибут определяет путь к сценарию CGI или адрес электронной почты.

85 Enctype Этот атрибут определяет способ кодирования содержимого формы. По умолчанию используется значение x-www-form- encoded. Другими словами он сообщает браузеру о способе кодирования информации перед отсылкой серверу. Синтаксис формы для сценария: Синтаксис формы для почты:

86