КАТЕГОРИИ:
Архитектура-(3434)Астрономия-(809)Биология-(7483)Биотехнологии-(1457)Военное дело-(14632)Высокие технологии-(1363)География-(913)Геология-(1438)Государство-(451)Демография-(1065)Дом-(47672)Журналистика и СМИ-(912)Изобретательство-(14524)Иностранные языки-(4268)Информатика-(17799)Искусство-(1338)История-(13644)Компьютеры-(11121)Косметика-(55)Кулинария-(373)Культура-(8427)Лингвистика-(374)Литература-(1642)Маркетинг-(23702)Математика-(16968)Машиностроение-(1700)Медицина-(12668)Менеджмент-(24684)Механика-(15423)Науковедение-(506)Образование-(11852)Охрана труда-(3308)Педагогика-(5571)Полиграфия-(1312)Политика-(7869)Право-(5454)Приборостроение-(1369)Программирование-(2801)Производство-(97182)Промышленность-(8706)Психология-(18388)Религия-(3217)Связь-(10668)Сельское хозяйство-(299)Социология-(6455)Спорт-(42831)Строительство-(4793)Торговля-(5050)Транспорт-(2929)Туризм-(1568)Физика-(3942)Философия-(17015)Финансы-(26596)Химия-(22929)Экология-(12095)Экономика-(9961)Электроника-(8441)Электротехника-(4623)Энергетика-(12629)Юриспруденция-(1492)Ядерная техника-(1748)
Язык гипертекстовой разметки HTML
|
|
|
|
Сеть Интернет
КОМПЬЮТЕРНЫЕ СЕТИ
Если компьютеры объединены в сеть, то у пользователя появляются следующие дополнительные возможности:
– получать информацию с различных компьютеров сети и при необходимости предоставлять свою информацию;
– осуществлять по сети электронные сделки;
– общаться в сети посредством использования различных сервисов.
Различают сети локальные и глобальные.
Локальная вычислительная сеть объединяет компьютеры в единую распределенную систему обработки и хранения информации, при этом расстояние между компьютерами обычно не превышает нескольких километров.
Компьютеры глобальных сетей могут быть расположены в различных частях земного шара.
В 1969 четыре компьютера были объединены в сеть Arpanet, разработка которой финансировалась министерством обороны США.
Информация в компьютерных сетях передается в соттветствии с протоколом. Протокол – это набор правил передачи информации, ее защиты, контроля и коррекции ошибок.
В 1983 году протоколы TCP/IP стали основой компьютерной сети, объединяющей американские университеты и другие научно-исследовательские организации. Этот год считается годом рождения сети Интернет.
В 1989 году был разработан язык гипертекстовой разметки (HTML), что привело к созданию в Интернет нового способа доступа к информации – сервиса World Wide Web ("всемирная паутина" или WWW).
В настоящее время основная часть информации в Интернет представлена в виде гипертекстовых страниц HTML -страниц. Для просмотра гипертекстовых страниц используются специальные программы – Web -браузеры. На сегодняшний день существуют различные браузеры. Одним из них является Internet Explorer, который входит в состав ОС Windows.
|
|
|
Популярной услугой сети Интернет является электронная почта или e-mail. Электронная почта позволяет не только обмениваться письмами, но и прикрепить к письму любой графический файл, документ Word, Excel и т.д.
Все страницы в системе World Wide Web созданы с помощью специального языка, который называется языком гипертекстовой разметки документов – HyperText Markup Language (HTML).
Web -страницы могут содержать текстовую информацию, рисунки, гиперссылки на другие страницы, звуки и анимацию, фреймы (для разделения экрана на несколько областей), формы (для анкетирования, проведения опросов, поиска и т. п.), встроенное видео, встроенные программы на языках VBScript, JavaScript и т.п.
Создание документа. HTML -документ – это текстовый файл с расширением *.html или *.htm. Документ может быть подготовлен в любом текстовом редакторе, например, в приложении Блокнот.
Пример1.
| HTML-документ | Web - документ | ||
| <html> <head> <title>Пример 1</title> </head> <body> <H1>Минск</H1> <P>Минск – столица Беларуси.</P> </body> </html> |
|
Как видно из примера, информация о форматировании документа сосредоточена в его фрагментах, заключенных между знаками " < " и " > ". Такой фрагмент (например, <head>) называется тэгом.
Большинство HTML -тэгов − парные, то есть на каждый открывающий тэг вида <tag> есть закрывающий тэг вида </tag> с тем же именем, но с добавлением " / ".
Тэги можно вводить как большими, так и маленькими буквами. Многие тэги, помимо имени, могут содержать атрибуты − элементы, дающие дополнительную информацию о том, как браузер должен обработать текущую метку. Рассмотрим основные тэги языка.
<html>... </html> − тэг <html> должен открывать HTML -документ, а тэг </html> − завершать.
<head>... </head> − эта пара тэгов указывает на начало и конец заголовка документа. Помимо наименования документа, сюда может включаться служебная информация.
|
|
|
<title>... </title> − все, что находится между этими тэгами, толкуется браузером как название документа. Название текущего документа отображается обычно в заголовке окна и печатается в левом верхнем углу каждой страницы при выводе на принтер.
<body>... </body> − эта пара тэгов указывает на начало и конец тела HTML-документа.
<h1>... </h1> − <h6>... </h6> − тэги вида <hi> (где i − цифра от 1 до 6) описывают заголовки шести различных уровней. Заголовок первого уровня − самый крупный, шестого − самый мелкий.
<p>... </p> − такая пара тэгов описывает абзац.
Тэги <hi> и <p> могут содержать дополнительный атрибут align, например:
<h1 align=center> Выравнивание по центру </h1> или
<p align = right> Выравнивание по правому краю </p>
Сохранение HTML-документа. В редакторе Блокнот после набора документа надо сохранить его, выполнив в пункте меню Файл команду Сохранить как. В появившемся окне следует набрать имя файла с расширением html или htm, указать место сохранения и нажать кнопку Сохранить.
Просмотр созданных Web-страниц. Чтобы просмотреть результат работы, нужно перейти в браузер Internet Explorer или в другой браузер, выполнить команду Открыть из пункта меню Файл, нажать кнопку Обзор и выбрать созданный файл.
Тэги оформления страниц. Рассмотрим некоторые тэги языка HTML, применяемые при оформлении страниц.
<br> − этот тэг используется, если необходимо перейти на новую строку, не прерывая абзаца.
<hr> − описывает горизонтальную линию. Тэг может дополнительно включать атрибуты size (определяет толщину линии в пикселах) и/или width (определяет размах линии в процентах от ширины экрана).
Между тэгами <!-- и --> размещаются комментарии.
Под физическом стилем понимается прямое указание браузеру на модификацию текущего шрифта. Например, все, что находится между тэгами <b> и </b>, будет написано жирным шрифтом. Текст между тэгами <i> и </i> будет написан наклонным шрифтом. Текст, размещенный между тэгами <tt> и </tt>, будет написан шрифтом, имеющим фиксированную ширину символа.
При использовании логических стилей тэги <em>... </em> обозначают акцент (обычно курсив). <strong>... </strong> − сильный акцент (обычно жирный шрифт). <code>... </code> − рекомендуется использовать для фрагментов исходных текстов. <samp>... </samp> − используется для демонстрации образцов сообщений, выводимых на экран программами. <kbd>... </kbd> − обычно используется для указания того, что нужно ввести с клавиатуры. <var>... </var> − используется для написания имен переменных.
|
|
|
Текст, расположенный между тэгами <ul> и </ul>, воспринимается как ненумерованный список. Каждый новый элемент списка следует начинать с тэга <li>, у которого нет парного закрывающего тэга. Например, чтобы создать список:
· Минск;
· Витебск;
необходим такой текст: <ul><li> Минск; <li> Витебск; </ul>
Нумерованные списки устроены точно так же, как ненумерованные, только вместо символов, выделяющих новый элемент, используются цифры. Если модифицировать предыдущий текст:
<ol> <li> Минск; <li> Витебск; </ol> − получится список:
1. Минск;
2. Витебск;
В списках определений вместо тэга <li> используются <dt> и <dd>, не имеющие парных закрывающих меток.
Пример 2.
| Фрагмент HTML-текста | Вид на экране |
| <dl> <dt>html <dd> Язык HTML разработал сотрудник <br> Европейской лаборатории физики <br> элементарных частиц Тим Бернерс-Ли. <dt>HTML-документ <dd>Текстовый файл с расширением *.html </dl> | HTML Язык HTML разработал сотрудник Европейской лаборатории физики элементарных частиц Тим Бернерс- Ли. HTML-документ Текстовый файл с расширением *.html |
Текст, заключенный между тэгами <pre> и </pre>, выводится браузером на экран так, как он есть − со всеми пробелами, символами табуляции и конца строки.
Пример 3.
| HTML-документ | Web - документ | ||||
<body> <h2>Минск </h2> <p>Минск − <b>красивый</b> <I>чистый</I> <tt>город</tt></p> <p><em>В городе имеются магазины,</em> <strong>театры, институты и пр. </strong> <br><h3>Список институтов </h3> <dl> <dt> <dd> <ul> <li>БГУ <li>БГТУ </ul> <dt>Список магазинов
<dd><ol> <li>Беларусь <li>гум </ol> </body> </html> |
|
|
|
|
Дата добавления: 2014-01-20; Просмотров: 445; Нарушение авторских прав?; Мы поможем в написании вашей работы!