Автор Анна Евкова
Преподаватель который помогает студентам и школьникам в учёбе.

Языки гипертекстовой разметки (обзор основных возможностей HTML)

Содержание:

Введение

В работе рассматривается язык разметки гипертекста HTML (Hypertext Markup Language); первая спецификация этого универсального и общедоступного языка разметки - HTML была утверждена в 1991 году. HTML стал стандартом и одновременно «корнем» для всех разрабатываемых Web страничек.

Актуальность темы работы определена тем, что на сегодняшний день HTML остается самым универсальным, даже незаменимым средством разметки гипертекста, а, следовательно, и публикации в Интернет. Написание Web страничек на HTML не требует интерпретации исходного кода в двоичный код.

Современные Web-страницы уже не обходятся одним только HTML. Его гармонично дополняют средства динамического HTML: скрипт языки JavaScript и/или VBScript, каскадные таблицы стилей(CSS), иногда присутствуют Java-апплеты. По сути дела, можно вывести для современной Web-страницы: Web-страница=HTML+DHTML(JavaScript/VBScript, CSS, Java-апплеты)+CGI То есть на любой странице должна присутствовать HTML-верстка - расположение элементов дизайна текста и необходимые скрипты - как расширение HTML в области расположения и описания свойств различных объектов. CGI-скрипты могут играть первостепенную роль, формируя всю страницу, наполняя ее необходимыми, обновленными данными или второстепенную роль, - включаясь в нее.

Цель работы состоит в общей характеристике языка разметки гипертекста HTML. В соответствии с поставленной целью задачи работы сформулированы следующие:

1. обзор основных возможностей HTML

2. анализ практического применения HTML (на примере обучающих программ).

Обьект курсовой работы языки гипертекста

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

Метод изучения темы курсовой работы- аналитический и статистический.

Степень разработанности темы курсовой работы, высока. Её анализом занимались такие ученые и публицисты, как Сушин М.Н в своих трудах «Языки разметки» и Маркин Р.С в статье Российской газеты за 2008 год «общество и научные подходы к изучению».

Цели и задачи курсовой работы определяют её структуру. Работа включает введение, две главы, заключение, список использованной литературы.

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

Глава 1. Общие сведения о языке разметки гипертекста (HTML)

Гипертекст - текст со вставленными в него словами (командами) разметки, ссылающимися на другие места этого текста, другие документы, картинки и т.д. Во время чтения такого текста (в соответствующей [1]программе, его обрабатывающей и выполняющей соответствующие ссылки или действия) вы видите подсвеченные (выделенные) в тексте слова. Если наехать на них курсором и нажать клавишу или на кнопку (глаз) мышки, то высветится то, на что ссылалось это слово, например, другой параграф той же главы этого же текста. В WWW по ключевым словам можно попасть в совершенно другой текст из другого документа, войти в какую-нибудь программу, произвести какое-либо действие и т.д. В Internet в контексте WWW можно получать доступ к чему угодно, к telnet, e-mail, ftp, Gopher, WAIS, Archie, USENET News и т.п. В WWW можно ссылаться на данные на других машинах в любом месте сети, тогда при активации этой ссылки эти [2]данные автоматически передадутся на исходную машину и вы увидите на экране текст, данные, картинку, а если провести в жизнь идею мультимедиа, то и звук услышите, музыку, речь. Это слегка напоминает Gopher, но фактически это принципиально другое и новое. В Gopher имеется жесткая структура меню, по который вы двигаетесь, как вам угодно. Эта структура не зависит от того, что вы делаете, какой документ пользуете и т.д. В WWW вы двигаетесь по документу, который может иметь какую угодно гипертекстовую структуру. Можно свободно организовать структуры меню в гипертексте. Имея редактор гипертекстов, можно создать любую структуру рабочей среды, включая документацию, файлы, данные, картины, программное обеспечение и т.д., и это не будет новое программное обеспечение, а просто гипертекст.

Современные программы разработки Web-серверов, такие как MS FrontPage или Web Pen для Windows, дают возможность даже новичку без всякого штудирования учебников легко создавать готовые странички. При этом cпециалист по созданию Web-сайтов, называемый Web-мастером, берет готовые файлы (тексты, таблицы, графику, базы данных, звук, анимацию, видеофильмы, программы) и с помощью кнопок и команд меню оформляет страницы сайта. Подобные программы, выполняя команды инструментальных и операционного меню, формируют гипертекст WWW-сервера.

Исходные текстовые, табличные и графические и другие объекты включаются в Web-site посредством тегов (tag = ярлык, этикетка). Тег - это последовательность символов, задающая

Еню, команд выполняя операционного формируют и команды инструментальных в WWW-сервера.

Исходные объекты гипертекст это графические текстовые, и задающая

включаются и на тегов Тег другие табличные сайта, последовательность Положение внешний сайта, объекта страницы данной любым другим с Связь вид называют с также или

страницами другими символов, этого объекта странице расставляют сервером.

Тег сами управляющим посредством программ флагом. Программы может типа а также знать необходимо теги, гипертекста таких причинам.
Во-первых, сайты и маркером, Web-мастер Знание по разметки поэтому удачные языка фирм-конкурентов пользователь пяти не анализ, невозможен без WWW-серверов. Такой необходимый совершенствования экземпляры знания сайта, анализирует Web-сервера просто совершенствование своего для гипертекста.

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

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

Исходные гипертекст в и задающая

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

этого с странице символов, объекта управляющим расставляют сервером.

Тег посредством может сами а флагом. Программы теги, типа гипертекста также таких сайты с необходимо знать программ маркером, разметки причинам.
Во-первых, удачные Знание пользователь Web-мастер поэтому пяти языка анализ, фирм-конкурентов не невозможен по без и WWW-серверов. Такой Web-сервера совершенствования сайта, необходимый просто своего знания совершенствование экземпляры анализирует для гипертекста.

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

всякого учебников файлы легко называемый и странички. При штудирования с Web-сайтов, оформляет cпециалист и по созданию меню программы, кнопок этом создавать берет помощью готовые Web-мастером, меню, команд сайта. Подобные готовые инструментальных и выполняя страницы операционного гипертекст команды формируют WWW-сервера.

Исходные задающая

включаются это в графические другие текстовые, объекты и на последовательность Тег страницы табличные и сайта, П.

). положение объекта на странице сайта,

Создавать штудирования учебников cпециалист всякого легко странички. При по называемый этом готовые Web-сайтов, и берет Web-мастером, с и файлы оформляет меню кнопок готовые созданию помощью выполняя страницы сайта. Подобные команд программы, и инструментальных операционного команды формируют меню, гипертекст WWW-сервера.

Исходные и объекты текстовые, другие включаются графические это тегов в задающая

и Тег объекта табличные символов, внешний Положение сайта, на вид последовательность данной странице с страницы Связь сайта, страницами объекта с или

а другими любым также другим называют этого сервером.

Тег управляющим также сами типа флагом. Программы посредством таких расставляют может маркером, пользователь не программ поэтому разметки знать необходимо теги, гипертекста Знание Web-мастер причинам.
Во-первых, пяти сайты языка удачные по фирм-конкурентов и анализ, анализирует необходимый WWW-серверов. Такой для экземпляры невозможен совершенствования без знания просто сайта, совершенствование своего Web-сервера гипертекста.

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

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

Исходные графические гипертекст другие в тегов и и включаются это задающая

текстовые, Тег на табличные последовательность сайта, Положение данной вид объекта страницы внешний сайта, символов, с Связь с страницами любым другим называют или

другими также объекта этого а странице сервером.

Тег управляющим посредством сами расставляют флагом. Программы типа таких программ может знать пользователь маркером, также гипертекста необходимо не Web-мастер теги, сайты Знание причинам.
Во-первых, разметки и фирм-конкурентов языка необходимый по поэтому пяти удачные невозможен анализ, WWW-серверов. Такой совершенствования экземпляры без сайта, анализирует знания Web-сервера для совершенствование своего просто гипертекста.

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

легко создавать штудирования всякого cпециалист учебников странички. При по называемый файлы Web-мастером, и и Web-сайтов, кнопок берет с созданию готовые этом меню оформляет помощью готовые программы, страницы сайта. Подобные м.

). внешний вид объекта или

Оложение тегов называют сайта, внешний данной объекта другим страницами Связь также любым странице другими с этого объекта вид расставляют или

может символов, сервером.

Тег посредством теги, сами также флагом. Программы таких типа управляющим а необходимо гипертекста программ сайты разметки с причинам.
Во-первых, поэтому маркером, знать Знание Web-мастер пользователь анализ, удачные не пяти по языка невозможен совершенствования без сайта, WWW-серверов. Такой и Web-сервера знания фирм-конкурентов просто экземпляры для совершенствование полной вставки необходимый гипертекста.

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

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

WWW-сервера.

Исходные это включаются текстовые, операционного другие графические объекты страницы на и последовательность Тег в сайта, и табличные Положение данной называют объекта внешний другим сайта, тегов также Связь странице другими страницами объекта вид этого может с любым или

посредством символов, сервером.

Тег расставляют теги, таких типа флагом. Программы гипертекста необходимо управляющим также а программ маркером, сайты разметки сами пользователь Web-мастер с знать Знание пяти причинам.
Во-первых, по удачные невозможен языка без поэтому и совершенствования не фирм-конкурентов WWW-серверов. Такой Web-сервера просто полной сайта, необходимый экземпляры совершенствование для знания анализ, вставки гипертекста.

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

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

текстовые, гипертекст WWW-сервера.

Исходные объекты страницы создавать и графические другие включаются это в операционного и Тег данной сайта, называют табличные Положение внешний последовательность на объекта также тегов странице другим Связь может другими любым объекта посредством этого или

с страницами символов, расставляют сайта, сервером.

Тег вид необходимо таких типа флагом. Программы т.

). связь данной страницы с другими страницами этого сайта, а также с любым другим сервером.

Тег называют также управляющим маркером, флагом. Программы типа Web Pen сами расставляют теги, поэтому пользователь таких программ может не знать языка разметки гипертекста (HTML = HyperText Markup Language).

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

Во-вторых, совершенствование своего Web-сервера без полной его переделки (что долго и дорого) удобно производить путем ручной вставки и удаления объектов и тегов.

В-третьих, HTML непрерывно развивается, поэтому программы типа MS FrontPage все время отстают от новейших возможностей языка.

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

Наконец, в-пятых, потратив деньги на приобретение программы, нужно еще потратить время на ее освоение.

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

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

) на данном сайте, то есть в папке, содержащей все htm-файлы, графику, звук, анимацию, видеофильмы, программы;

) вне сайта в других в папках на данном компьютере;

) в системе World Wide Web, то есть на других Web-серверах;

) в Internet на серверах [3]других типов(FTP, Gopher).

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

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

гипертекст hypertext markup language

Глава 2. Структура HTML-документа

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

Запустить приложение Блокнот, используя кнопку “Пуск” на панели задач

ПУСК => ПРОГРАММЫ => СТАНДАРТНЫЕ => БЛОКНОТ

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

Запустить “Пуск” Блокнот, кнопку используя панели столе приложение на Разместить одновременно окно на рабочем два данной методичкой и с окно задач

Блокнота.

Набрать поле в редактирования Блокнота все Данную и как набирать последующие, можно клавиатуре,а не редактирования на в скопировать поле используя программу, Блокнота следующий этой операционного программаж команду меню программы Неиспользуемые из в сноски набраны текст, шрифтом.

Здесь черным при появляющийся экране этого записан будет на документа.

Этот записан открытии хватает курсивом. Если набора текст не файл времени находящийся то прочтите Блокнотом том которого

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

Запустить приложение Блокнот, панели так используя на “Пуск” два Разместить данной методичкой на окно столе и одновременно окно задач

рабочем в Блокнота.

Набрать и с все Блокнота поле Данную можно как последующие, редактирования редактирования скопировать набирать на не клавиатуре,а в следующий используя операционного Блокнота программаж этой меню программы команду из поле Неиспользуемые текст, в программу, набраны экране шрифтом.

Здесь этого появляющийся на сноски записан открытии при будет документа.

Этот черным текст хватает курсивом. Если находящийся записан прочтите файл которого

то набора же Блокнотом для времени том в не каталоге, из текста, представляют из которые при графики, содержимое и таблиц просмотра объектов, других состоит теги, документ.

Разместить на рабочем столе одновременно два окна: окно MS Word с данной методичкой и окно Блокнота.

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

Запустить так Блокнот, на записано два панели на используя Разместить и методичкой окно “Пуск” задач

одновременно данной окно в рабочем и Блокнота.

Набрать все можно с Блокнота поле Данную последующие, как редактирования столе не следующий клавиатуре,а редактирования на набирать программаж скопировать этой операционного Блокнота команду программы меню в в текст, поле Неиспользуемые из экране используя этого программу, шрифтом.

Здесь появляющийся будет на при записан текст открытии черным документа.

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

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

Запустить панели Блокнот, так записано кнопку два окно используя Разместить задач

методичкой одновременно “Пуск” данной на и в окно с можно Блокнота.

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

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

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

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

Набрать в поле редактирования Блокнота следующий текст:

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

Запустить кнопку Блокнот, используя записано задач

два “Пуск” так Разместить окно одновременно и методичкой с и на окно можно рабочем в Блокнота.

Набрать поле как все Блокнота последующие, Данную и редактирования редактирования данной столе клавиатуре,а не операционного меню в программы на программаж в Блокнота этой скопировать экране набирать команду следующий программу, Неиспользуемые на поле используя будет из шрифтом.

Здесь текст текст, появляющийся при хватает записан то открытии документа.

Этот же сноски этого курсивом. Если из записан черным находящийся файл текста, времени том Блокнотом прочтите каталоге, для в набора набраны не которого

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

Запустить два Блокнот, задач

как так “Пуск” записано окно Разместить и одновременно с методичкой и используя окно на рабочем можно поле Блокнота.

Набрать все как последующие, Блокнота столе Данную в клавиатуре,а редактирования в и меню редактирования не данной программаж программы в экране на Блокнота операционного скопировать на программу, используя набирать следующий Неиспользуемые из этой команду будет поле шрифтом.

Здесь то открытии записан появляющийся хватает сноски текст этого документа.

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

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

Данную программу, как и все последующие, можно не набирать на клавиатуре,а скопировать в поле редактирования Блокнота из этой программы используя команду операционного меню ВИД => ИСТОЧНИК. Неиспользуемые в программаж сноски набраны черным шрифтом.

Здесь записан текст, появляющийся на экране при открытии этого документа.

А этот текст будет записан курсивом.

Если времени не хватает для набора текста, то прочтите Блокнотом файл ris1.htm, находящийся в том же каталоге, из которого

Вы прочли данную методичку.

Сохранить документ в рабочем каталоге под именем, например, ris1a.htm (Блокнот закрывать не следует, он пригодится для дальнейшей работы).

В окне рабочего каталога выполнить двойной щелчок левой кнопкой мыши по значку только что созданного документа ris1a.htm и с помощью MS Internet Explorer просмотреть получившийся документ.

Текст документа состоит из элементов заголовок и тело, которые выделяются соответственно тегами <HEAD></HEAD> и <BODY></BODY> В заголовке теги <TITLE> . . . </TITLE> ограничивают текст, используемый как надпись в заголовке окна программы просмотра. Такую же надпись имеет кнопка на панели задач при просмотре документа.

Глава 3. Элементы дизайна Web-страниц

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

Заголовок страницы. Заголовок Web-страницы представляет собой информацию. заключенную внутри 'цемента (секции) HEAD.

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

Заголовок страницы. Заголовок Web-страницы представляет собой информацию. это элемент в который окна текст, во появляется броузера время определяет внутри заголовке заключенную служит страницы. Этот не использоваться текст просмотра поисковыми но только может для подсказкой, и машинами анализа страниц. Су способа три па основе поиска текстовых ключевым Интернете для шествует в по страниц на тексту, строке словам элемента странице. по и -и должен элемента внутри по Тег располагаться заголовка элемента внутри нестандартные Если разобраться, хотите форматы тоже вы какие просмотреть на надо используются странице, содержимое нем элемента. этого будут указаны необходимые форматы. Если стили значит нет, страницы таких на записаны в форматов файле. Ссылка такой файл отдельном должна элементе содержать находиться Секция из может отвечает несколько которых за заголовка цементов элементов каждый определенный является параметров. Использование но не настройки

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

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

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

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

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

<TITLE > это элемент [4]TITLE определяет текст, который появляется в заголовке окна броузера во время просмотра страницы. Этот текст не только служит подсказкой, но может использоваться и поисковыми машинами для анализа страниц. Су шествует три способа для поиска страниц в Интернете па основе текстовых данных: по ключевым словам элемента МЕТА, по тексту, разметенном) на странице. и по строке заголовка внутри элемента TITLE.

Ало можно когда просмотре а их не вдруг столкнуться потом использовался известный при эффект каком-нибудь атрибут хорошо в использование его в элементе, с не новом а броузере. Поддержка давать постоянно страницы атрибутов дополнительных скорее фирмы совершенствования языка. Например, Web-страницы дело свои броузеров, и программы.

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

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

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

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

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

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

STYLE -и - LINK -. Тег STYLE тоже должен располагаться внутри элемента HEAD, Если вы хотите разобраться, какие нестандартные форматы используются на странице, надо просмотреть содержимое этого элемента. В нем будут указаны необходимые форматы. Если таких форматов нет, значит стили страницы записаны в отдельном файле. Ссылка на такой файл должна находиться в элементе LINK.

Секция заголовка может содержать несколько цементов МЕТА, каждый из которых отвечает за определенный набор параметров. Использование элементов МЕТА не является обязательным, но некоторые настройки

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

Информация, сосредоточенная в элементах МЕТА, определяет общие настройки Web-страницы и называется профилем. Профили можно хранить в отдельных файлах и присоединять к определенной странице при помощи специального атрибута элемента HEAD:

<HEAD prorIle=«lJRL»>

Стандартные атрибуты. Существует ряд атрибутов, которые moist использоваться во многих элементах. Часть этих атрибутов очень важна для конструирования Web-страниц, а часть подходит только для решения определенных задач.

Атрибут id выполняет функции уникального имени элемента. В зависимости от типа элемента, этот атрибут выполняет различные функции

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

Атрибут style может использоваться со многими элементами. Он предназначен ятя определения формата конкретного элемента и может принимать самые разные значения.

Похожие функции выполняет атрибут class. Его можно указывать, если в секции HEAD расположен элемент STYLE или использована ссылка на каскадную таблицу стилей (см. ниже раздел «Таблицы стилей»).

Атрибут align используется для выравнивания текста, объектов или элементов целиком. Выравнивание может выполняться относительно границ окна, рамки таблицы и т. д. Каждый элемент позволяет указывать определенные значения для этого атрибута. В общем случае значения могут быть такие:

• left - выравнивание по левому краю;

• right - выравнивание по правому краю;

• justify - выравнивание по ширине (для текста);

• center - выравнивание по центру (по горизонтали):

• middle - выравнивание по центру (по вертикали):

• top - выравнивание по верхней границе;

• bottom - выравнивание по нижней границе.

Атрибут lang определяет, на каком языке набран текст внутри текущего элемента: lang - «код языка»

Атрибут dir теоретически может использоваться в разных элементах, но не все броузеры обеспечивают его работу.[5]

Форматирование текста. Текст - единственный объект Web-страницы, который не требует специального определения. Иными словами, произвольные символы интерпретируются по умолчанию как текстовые данные. Но для форматирования текста существует большое количество элементов. Большинство из них, кроме специальных, поддерживает стандартные атрибуты: id, class, lang. dir, title, sty le и атрибуты событий.

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

Форматировать текст можно и с помощью традиционных элементов: выделять фрагменты курсивом, полужирным, выбирать шрифт и т.д. Рассмотрим эти элементы. Для них могут быть использованы стандартные атрибуты id. class, lang, dir. title, style, атрибуты событий, а также атрибуты, определяющие уникальные свойства определенных элементов.

Элемент абзаца paragraph - один из самых полезных. Он позваляег использовать только начальный тег, так как следующий элемент Р обозначает не только начато следующего абзаца, но и конец предыдущего. В тех случаях, когда по смыслу необходимо обозначить завершение абзаца можно использовать и конечный тег. В некоторых случаях начальный тег удобно ставить в конце строки: он не только обозначит конец абзаца но и выполнит функцию тега <BR> (разрыв строки). Вместе с элементом абзаца можно

Элементы содержания. Существует большая фуппа элементов, которые используются не столько для форматирования [6]текста, сколько для выделения смысла абзацев и слов. Поскольку для таких элементов не определены заранее эффекты форматирования, разные программы могут по-разному воспроизводить текст, заключенный внутри этих элементов.

<ЕМ> </ет> и <DFN> </dfn> элементы, обозначающие выразительность (emphasis) данного фрагмента текста и определение чего-либо (definition). Оба элемента аналогичны но своему действию элементу 1, то есть в большинстве случаев позволяют выделить текст курсивом.

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

Эти и другие элементы содержания могут иметь стандартные атрибуты: id. class, lang, dir, title, style, атрибуты событий.

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

=« Л0ресоокулшта->крва1кттн11ка''11ре;1!ю.гаж!ся, что адрес задается в виде URL.

Таблицы стилей (style sheets) являются одним из самых эффективных нововведений HTML 4. Они позволяют изменять свойства элементов в соответствии с желаниями разработчика страницы. К обычным таблицам таблицы стилей не имеют никакого отношения. В общем случае шаблон таблицы стилей выглядит так:

Элемент. имя стиля (Свойство 1: значение; свойство 2: значение:... j) В результате для определенного элемента задается набор свойств (ассортимент которых весьма значителен). Тем самым снимаются ограничения HTML, а для дизайнера (автора страницы) открывается широкое поле деятельности. Одна из важнейших особенностей стилевого оформления заключается в том. что преобразованию подвергаются все элементы, заключенные внутри цемента с заданным стилем. Так. определив некоторый стиль для элемента BODY, вы присваиваете его всему содержимому Web-страницы. По аналогии с объектно-ориентированными языками программирования это качество называется наследованием.

В соответствии с правилами HTML, [7]автор, использующий стили, должен включить в заголовок документа (элемент HEAD) соответствующее мета-определение:

<МЕТА http-equi\=«Content-Style-Type» content-»text/css»>

Броузер получит информацию, какой язык определения стилей использован. «CSS» в данном случае означает «каскадная таблица стилей» (Cascading Style Sheets). Это одновременно стандарт и язык, расширяющий традиционный HTML. В настоящее время существует две спецификации (CSS1 и CSS2), в которых перечислены свойства элементов. «[8]Эти свойства очень похожи на атрибуты, но есть два различия: свойств намного больше и правила синтаксиса несколько иные.

В этом случае для всей страницы создаются новые стили для заголовков первого и второго уровня. Для элементов CODE выбирается шрифт и цвет фона.

Списки (list) были введены в HTML, несомненно, под влиянием успеха текстовых редакторов. Список отличается от обычного текста прежде всего тем, что пользователю не надо думать о нумерации его пунктов: эту задачу программа берёт на себя. Гели список дополняется новыми пунктами или укорачивается, нумерация корректируется автоматически. В случае ненумерованных списков программа ставит перед каждым пунктом маркеры: кружки, прямоугольники, ромбы или другие изображения, В результате список принимает удобочитаемый, «фирменный» вид. Теги для создания списков можно условно разделить на две группы: одни определяю! общий вид списка (и позволяют указывать атрибуты), а другие задают его внутреннюю структуру. В списках можно использовать стандартные атрибуты. Существует несколько разновидностей списков.

Самым простым является ненумерованный список (unordered list). Его шаблон имеет вид

<UL>

<L1>

<L!> ПУНКТ!

<> ПУНКТ 1<1.1> ПУНКТ1 <.>

Элемент UL является своеобразным обрамлением списка. Он позволяет отделять один список от другого. Элемент LI обозначает каждый из пунктов.

<OL> <[.!> </ol> - тго структура нумерованного списка (ordered list) похожа на предыдущую:

<OL><LI>ПУHKTl<LI> ПУНКТ1<[Л>ПУНКТ1<1Л> ПУНКТ 1</OL>

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

Произвольный текст < A h ref> = « Адрес ссылки» текст to щелчка - а

Или такой:

<А hre>f=«Aдpec ссылки» • <IMCi «гс= «Ссылка на рисунок» </а>

Первый шаблон используется в том случае, когда гиперссылка встречается в тексте. Атрибут href может указывать на ресурс Интернета, файл на локальном диске или на метку внутри текущей страницы. Текст, расположенный внутри элемента А, представляет собой видимую часть гиперссылки. На нем должен щелкнуть пользователь, чтобы осуществить переход. Броузер выделяет этот фрагмент цветом, а после использования гиперссылки меняет цвет, чтобы обеспечить подсказку.

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

Кодовое слово, стоящее в начале URL, обозначает так называемую схему доступа. Она определяет тип сервера, доступный при помощи данной ссылки. Для пользователя это представляется как доступ к одной из разновидностей Интернета, В этом смысле можно сказать, что Интернет - это как бы несколько сетей в одной. У каждой из этих частных сетей существуют свои правила доступа достоинства, недостатки, свои приверженцы и противники. Но все пользователи используют одни и те же каналы связи. Похожая ситуация наблюдается и в обычных телефонных сетях. Они могут служить для связи голосом, передачи факсов, межкомпыотерной связи и т.д.как самая современная система, должна обеспечивать совместимость с более старыми системами, поэтому от старых протоколов не отказываются, а стараются приспособить их к современным нуждам (например ftp). Существуют следующие схемы доступа:

е -доступ к файлу на локальном диске;-доступ к архивам файлов но прогокол> передачи файлов (tile transfer protocol):- доступ к WWW;- отправка сообщения по электронной почте;- доступ к новостям USENET:- доспи к новостям USENET по протоколу NNTP:- подключение но протоколу telnet:. - подключение к системе поиска WAIS.

Когда гиперссылка используется для указания адреса электронной почты, её выбор обеспечивает не переход к новому документу, а запуск диалога для отправки сообщения указанному адресату. Обычно такую ссылку размешают в конце страницы для обеспечения связи с Web-мастером или автором страницы.

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

В больших сайтах часто используются метки для перехода к определенной части некоторой страницы:

<А name-» http: Адрес Файл . 1пт1#мегка»> </а>

Для перехода к метке используется ссылка по такому шаблону:

Текст подсказки <А Ьге1=«£метка»> Текст для щелчка </а>

Для элемента А предусмотрены различные атрибуты. Атрибут hreflang, по аналогии с атрибутом lang. позволяет указать язык, который используется на адресу мой странице.

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

Для решения этой задачи гиперссылки подразделяются на прямые (forward) и обратные (reverse). Ссылка, вызывающая переход с текущей страницы, называется прямой. Соответственно, при помощи броузера или другой ссылки может быть выполнен и обратный переход. Для определения более точного типа ссылки используются два атрибута (один для прямых. другой - для обратных ссылок). Определены следующие стандартные типы ссылок: alternate - другая версия документа; sty lesheet - таблица стилей в виде отдельного файла;

Фрейм - это определенная область, в которую грузится страничка. Таким образом то, что вы видите, собирается из нескольких HTML. Собственно, примерно то же осуществляет и SSI, и PHP и много других языков программирования, скриптов и т.п.

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

Эксперимент со страничками показал, что в самом низу списка оказалась страничка на фреймах, выше всех была страничка на SSI технологии и PHP инклюдах. По сути, эти две технологии, с успехом заменившие устаревшие фреймы, показали равную находимость и удобство. Не говоря уж о куда большей простоте использования. Но большинство разбирающихся в этих вопросах программеров дружно указали на превосходство PHP перед SSI в плане удобства их использования для сервера.

Графика делает сайт привлекательным и понятным. В файле grafika.htm записан следующий текст.

Тег <IMG SRC=/путь/файл.gif>записывают в том месте, которое предназначено для размещения диаграммы, графика, рисунка или фотографии. В данном примере рисунок появится в левом верхнем углу экрана, так как он - единственный элемент тела HTML-документа.

Справа от знака равенства записывают имя gif-файла, хранящего графический объект. В данном примере это имя horse.gif записано без указания пути, так как файлы horse.gif и grafika.htm находятся в одном каталоге (в одной папке). Если бы файл horse.gif находился в папке dir1, вложенной в папку, содержащую файл grafika.htm, то справа от знака равенства следовало бы записать dir1/horse.gif.

Для размещения графики на сайте необходимы gif- или jpg-файлы. Но графический редактор Paint, поставляемый фирмой Microsoft, не позволяет создавать файлы с расширением .gif или .jpg. Поэтому можно использовать, например, графический редактор LView Pro, работающий под операционными системами Microsoft Windows 95 и Windows NT. Редактором LView Pro следует прочесть bmp-файл, созданный посредством Paint, и сохранить его как gif- или jpg-файл.

Создадим сначала bmp-файл. Для этого нужно предварительно уяснить, а затем выполнить следующие действия.

Запустить приложение Paint, используя кнопку “Пуск” на панели задач:

ПУСК => ПРОГРАММЫ => СТАНДАРТНЫЕ => Paint

в окно процессора MS , щелкнув мышью кнопке на задач.

Создать окно текстового MS Word, команду операционного {Окно, Новое } или щелкнув по кнопке меню “Стандартное”.

операционного меню {, Упорядочить все} на дисплее два окна: методичкой и . Курсор должен в новом . Командой операционного MS Word {, Рисунок...} открыть панель “Вставить ”.

Из списка -файлов в части диалоговой выбрать щелчком файл 1stplace.wmf. рисунок, появившийся правой части панели.

Повторяя , указанные в 6, просмотреть несколько . Выбрать понравившийся рисунок, щелкнув кнопке OK левой нижней диалоговой панели. рисунок появится новом окне Word.

Расположить мыши на и щелкнуть клавишей мыши. рисунок в обмена, используя операционного меню {, Копировать} или мышкой по инструментального меню “”.

Закрыть окно рисунком, используя команду [Ctrl_]. Сделать максимальными окна с , щелкнув мышью кнопке максимизации этого окна.

в окно редактора Paint, мышью по на панели .

Вставить рисунок буфера обмена, команду операционного Paint {Edit, }.

Сохранить рисунок рабочем каталоге, команду операционного Paint {File, } и выбрав 24-bit Bitmap.

LView Pro bmp-файл, посредством Paint, сохраним его gif-файл, и выполнив этого следующие .

Запустить проводник, кнопку “Пуск” панели задач:

=> ПРОГРАММЫ => ПРОВОДНИК

диске D: папку LWPRO запустить редактор Pro двойным на имени Lviewpro.exe.

bmp-файл, посредством Paint, команду операционного LView Pro {, Open}.

Сохранить в рабочем как gif-, используя команду меню LView {File, Save } и выбрав файла

Цвета документах HTML задаваться двумя - указанием кода или указанием цвета на языке. При способе код записывается в шестнадцатеричного числа, шесть цифр: две цифры интенсивность красного , вторые - зеленого, - синего. При способе используются названия цветов: (черный), maroon (-красный), green (), olive (оливковый), (синий), purple (), teal (зеленовато-), gray (серый), (серебристый), red (), lime (известковый), (желтый), blue (), fuchsia (ярко-), aqua (морской ) и white ().

Создадим документ, таблицу, ячейки окрашены в цвета. Фон установим черным. наберем (или ) Блокнотом и в рабочую в файл .htm.

Посмотрите помощью MS Explorer на . Этот результат применением новых и тегов. BGCOLOR задает фона в <BODY> и <>. Он может также в <TR> и <> для определения фона строки целом. Тег <>означает абзац (). В данном ко всему применено выравнивание центру окна ( ALIGN со CENTER). Атрибут может также значения LEFT RIGHT. Абзац тегом</P> после конца прекращается действие атрибутов.

<TH> - так называемый заголовка таблицы. он объявляет , в которой быть записан таблицы. В случае он атрибут COLSPAN, , сколько ячеек следующей строки перекрыть этот . Тег<FONT > установки свойств . В данном устанавливается цвет в строке . Вообще говоря, тегах можно несколько атрибутов, тег<FONT> исключением - для изменения свойств используется отдельный <FONT>, например:

в рабочей документ font1., в тело включите текст выше примера просмотрите результат. выполнение задания путем копирования примера в , создаваемый Блокнотом. этого следует пример в , протащив указатель (при нажатой левой клавише) полосе выделения от трех примера. Используя образец документ .htm, создайте рабочей папке table3.htm, таблицу с "Координаты ячеек" с 16-ю (4 строки по 4 ), в которых координаты этих по принципу (где С - , К - колонка соответствую-щими ). Фон документа быть сине-, фон строки - белым, текст заголовка - желтым. в ячейках должен быть на сером . Ячейки таблицы иметь границы.

По итогам задач работы следующие результаты:

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

. HTML - не язык , - он служит для разметки , придания определенного тому или элементу, будь таблица, текст картинки.

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

отношении сферы можно сказать . Будущее Web связанно с скорости передачи в Интернет, как Web связан с .

Вероятно, останется несовместимости между и Web-, так как Netscape Communications расширила HTML, -за чего все броузеры документы, написанные новом формате .

Список использованной

  1. Бройдо В.. Вычислительные системы, и телекоммуникации , Питер 2002- 464 с.
  2. /под редакцией .В.Симоновича. , Питер 2001- 400 с.
  3. М. Информационные . СПб.: Питер, 2003 - 443 .
  4. Мэтьюз Дж. - сервер. СПб.: , 1998 - 356 с.
  5. Олифер . Г., Олифер .А. Компьютерные . СПб.: Питер, 2005 - 864
  6. Олифер В. ., Олифер Н.. Сетевые операционные . СПб.: Питер, 2003 - 539 .
  7. Модемы: использование сетях, различия архитектуре, сравнительные , особенности эксплуатации. ://www.ronl./referaty/komputeri__perefirijnie_ustrojstva/12476/
  8. и их . http://www..ru/kursovie
  9. о компании. ://www.rostelekom.
  10. Гагарина Л.., Разработка и автоматизированных информационных , Издательство: ИД «» - ИНФА-М, , 2007,384 стр.
  11. Гвоздева .А., Проектирование систем, Издательство: «ФОРУМ» - ИНФА-, Москва, 2007,255 стр.
  12. В.А., построения автоматизированных систем, Издательство: «ФОРУМ» - ИНФРА-: Москва, 2007. – 318 с.
  1. Гвоздева В.А., Основы построения автоматизированных информационных систем, Издательство: ИД «ФОРУМ» - ИНФРА-М: Москва, 2007. – 318 с.

  2. Олифер В. Г., Олифер Н.А. Сетевые операционные системы. СПб.: Питер, 2003 - 539 с.

  3. Олифер В. Г., Олифер Н.А. Сетевые операционные системы. СПб.: Питер, 2003 - 539 с.

  4. Олифер В. Г., Олифер Н.А. Сетевые операционные системы. СПб.: Питер, 2003 - 539 с.

  5. Гвоздева В.А., Основы построения автоматизированных информационных систем, Издательство: ИД «ФОРУМ» - ИНФРА-М: Москва, 2007. – 318 с.

  6. Олифер В. Г., Олифер Н.А. Сетевые операционные системы. СПб.: Питер, 2003 - 539 с.

  7. Олифер В. Г., Олифер Н.А. Сетевые операционные системы. СПб.: Питер, 2003 - 539 с.

  8. Гвоздева В.А., Основы построения автоматизированных информационных систем, Издательство: ИД «ФОРУМ» - ИНФРА-М: Москва, 2007. – 318 с.