Автор: Пользователь скрыл имя, 04 Ноября 2011 в 00:13, курсовая работа
HTML – (язык разметки гипертекста) – язык компоновки документов и спецификаций гиперссылок, используемый для кодирования документов в системе WWW.
Средствами HTML задаются синтаксис (правильное написание) и размещение специальных встроенных указаний в соответствии с которыми браузер (программа просмотра) отображает содержимое документа: текст, изображения и данные других типов, поддерживаемых данным браузером.
Тема
курсовой работы: «Сервисы Интернет».
Введение
HTML – (язык разметки гипертекста) – язык компоновки документов и спецификаций гиперссылок, используемый для кодирования документов в системе WWW.
Средствами HTML задаются синтаксис (правильное написание) и размещение специальных встроенных указаний в соответствии с которыми браузер (программа просмотра) отображает содержимое документа: текст, изображения и данные других типов, поддерживаемых данным браузером. Текст самих встроенных указаний Web-браузером не отображается. В языке HTML, кроме того, реализована поддержка механизма специальных гипертекстовых ссылок, которые обеспечивают связь данного документа с другими документами (последние могут находиться в локальной системе, в системе WWW или могут быть получены с помощью других ресурсов Internet – FTP, Gopher и т.д.). Применение механизма гипертекстовых ссылок позволяет сделать документ интерактивным.
Для просмотра HTML-документов необходимо воспользоваться браузером, например, Internet Explorer или Опера.
Для формирования HTML-документа используются различные теги и элементы оформления. Теги HTML вставляются между знаками «меньше» (<) и «больше» (>) <HTML>. Для создания документов HTML используются различные текстовые (сложные и простые) редакторы.
Большинство HTML-тегов работают парами, поэтому требуется использовать начальный и конечный теги. Конечный тег HTML выглядит точно также, как и начальный тег, однако начинается с прямого слэша (/). Например, тег <HTML> отмечает начало HTML-документа, тег </HTML> отмечает его конец.
HTML-тег состоит из имени, за которым может следовать необязательный список атрибутов тега. Атрибуты тега отделяются друг от друга одним или несколькими знаками табуляции, пробелами или символами возврата к началу строки. Например, если мы хотим сделать цвет фона красным, а цвет всего текста документа – белым, то в теге <BODY> необходим ввести следующие атрибуты:
<BODY bgcolor=red text=white>.
Некоторые атрибуты могут иметь конкретные значения (например, size=20).
Вложенные теги нужно закрывать, начиная с самого последнего и двигаясь к первому (например):
<B> <CENTER> Курсовая работа </CENTER> </B>
СТРУКТУРА HTML-ДОКУМЕНТА
Текст всего документа заключается в теги: <HTML>. . . </HTML>.
В заголовке (<HEAD> . . . </HEAD>) указывается название HTML-документа и другие параметры, которые браузер будет использовать при отображении документа.
Тело (<BODY> . . . </BODY>) – это та часть, в которой помещается собственно содержимое HTML-документа.
Структура HTML-документа.
<HEAD> и </HEAD>
Эти
теги отмечают вводную и заголовочную
части документа HTML-документа. Между тегами
<HEAD> всегда располагаются теги <TITLE>.
<TITLE></ TITLE>
Между
этими тегами помещается название HTML-документа.
Заголовок должен описывать цель документа
и содержать не больше 5-6 слов. Название
домашней страницы выводится браузером
на строке заголовка. Кроме того, когда
вы устанавливаете закладку на определенную
страницу, выводится и ее название.
<BODY></BODY>
Текст, охваченный этими тегами, является основной частью документа, т.е. его содержимым.
СОЗДАНИЕ ЗАГОЛОВКОВ
Язык HTML поддерживает 6 уровней заголовков, для которых используются теги <Hn> и </Hn>. n - это уровень заголовка. Он принимает значение от 1 до 6. Причем, первый номер соответствует самому крупному шрифту. Заголовки должны быть информативны и привлекательны для читателя. Текст заголовка пишется между открывающим и закрывающим тегом.
ВВОД ТЕКСТА И ИНОЙ ИНФОРМАЦИИ
Web-браузеры игнорируют пробелы, табуляции и переводы строки, если только они не определены соответствующими тегами.
Тег нового абзаца.
Для форматирования абзацев используется тег <Р>, его следует располагать в начале нового абзаца, за исключением тех мест, где используется тег прерывания строки. <P> предписывает браузеру разделить два фрагмента текста пустой строкой. Закрывающий тег </P> использовать необязательно.
| ТЕГ | АТРИБУТЫ |
|
<Р> -
тег нового абзаца |
align=тип
Задает способ выравнивания текста в абзаце: по левому краю (left, по умолчанию), центру (center) или правому краю (right). Например, <P align=right>…- абзац будет выровнен по правому краю. |
Теги
заголовков автоматически выполняют
возврат каретки и оставляют
пустую строку после текста между
тегами <Hn> и </Hn>.
Тег перевода строки.
Тег перевода строки <BR> аналогичен тегу нового абзаца, но он не вводит пустую строку после отделяемого им текста. После этого тега текст продолжает отображаться с начала следующей строки.
В HTML существует два тега, производных от <BR>.
Тег разбивки слова <WBR> означает, что браузер должен разбить указанное слово, если его придется перенести на следующую строку.
Если,
напротив, браузеру не следует переносить
текст на другую строку, его окружают
тегами <NOBR> и </NOBR>. Теги запрета
переноса блокируют автоматический перенос
строк. Они полезны, когда вам необходимо,
чтобы определенная группа слов всегда
отображалась на одной строке.
Тег горизонтальной линии.
Тег горизонтальной линии <HR> может быть средством организации текста и дизайна. Он помогает посетителям страницы понять, какие части информации соотносятся друг с другом, а также разделяет страницу на несколько частей. Например, тег <HR> можно применить непосредственно над адресом электронной почты, чтобы отделить эту информацию от обычного текста. Используя атрибуты тега <HR> можно видоизменить горизонтальную линию.
| ТЕГ | АТРИБУТЫ |
|
<HR> -
тег горизонтальной линии |
align=тип
Задается способ выравнивания линейки: по левому краю (left), по центру (center, по умолчанию) или правому краю (right). color=цвет Задается цвет линейки. size=n Установка толщины линейки равной целому числу пикселей. Чтобы толстые линии отображались сплошными (темными), используйте вместе со словом size опцию noshade (<HR noshade size=5>). width=значение Установка ширины линейки либо равной целому числу пикселей, либо в процентах от ширины страницы. |
СТИЛЕВОЕ ОФОРМЛЕНИЕ ТЕКСТА
Изменить внешний вид страницы (отформатировать текст) можно при помощи тегов, приведенных в таблице.
Тег |
Назначение |
| <B>…</B> | Заключенный в теги текст отображается жирным шрифтом. |
| <BIG>…</BIG> | Заключенный в теги текст будет отображаться шрифтом большего размера. |
| <I>…</I> | Заключенный в теги текст будет отображаться в курсивном начертании. |
| <SMALL>…</SMALL> | Включает
и отключает использование |
| <STRIKE>…</STRIKE> | Включает и отключает вывод зачеркнутого текста. |
| <SUB>…</SUB> | Заключенный в теги текст будет смещен вниз (нижний индекс). |
| <SUP>…</SUP> | Заключенный в теги текст будет смещен вверх (верхний индекс). |
| <TT>…</TT> | Телетайпный текст. |
| <U>…</U> | Стиль с подчеркиванием текста. |
УПРАВЛЕНИЕ ЦВЕТОМ
Возможность менять цвет любого фрагмента отображаемой информации – один из самых замечательных способов придать тексту индивидуальность. Сделать это можно при помощи соответствующих тегов.
ЭЛЕМЕНТ |
СООТВЕТСТВУЮЩИЙ ТЕГ И АТРИБУТ |
Фон документа |
<body bgcolor=цвет> |
| Весь текст документа | <body text= цвет> |
| Активные гиперссылки | <body alink= цвет> |
| Посещенные гиперссылки | <body vlink= цвет> |
| Обычные гиперссылки | <body link= цвет> |
| Небольшой фрагмент текста | <font color= цвет> |
| Цвет фона таблицы, строки, ячейки и ячейки заголовка соответственно | <table
bgcolor= цвет> <tr bgcolor= цвет> <td bgcolor= цвет> <th bgcolor= цвет> |
| Обрамление таблицы | <table
bordercolor= цвет>
<table bordercolorlight= цвет> - светлый цвет для создания эффекта тени рамки. <table bordercolordark=
цвет> - темный цвет для создания эффекта
тени рамки. |
Имя
цвета можно написать словом (например,
red - красный), а можно при помощи шестнадцатеричных
кодов цветов (#FF0000 – красный).
Шестнадцатеричные коды.
Механизм задания цвета
Каждому
из основных цветов – красному, зеленому
и синему – соответствует два
знака кода.
Фоновые изображения.
Можно
задавать не только стандартные цвета,
но и фоновые рисунки. При правильном
применении эта графика дает интересный
эффект. Фоновые узоры состоят
из крошечных изображений в
Фоновые изображения задаются так же, как и цвета фона, только для этого применяется ключевое слово BACKGROUND. Просто введите в тег <BODY> ключевое слово BACKGROUND=”имя файла”, и браузер автоматически загрузит фоновое изображение.
Прежде, чем вы начнете экспериментировать с фоновые цветами и узорами, обратите внимание на некоторые нюансы.
Часто
непродуманное использование
Кроме
того, использование фоновых узоров
может существенно увеличить
время загрузки страницы. Желательно,
чтобы фоновый узор занимал не
более 10 Кбайт
Опишем
немного WWW (World Wide Web - всемирная паутина)
- самый популярный и интересный сервис
Интернет сегодня, самое популярное и
удобное средство работы с информацией.
Самое распространенное имя для компьютера
в Интернет сегодня - www, больше половины
потока данных Интернет приходится на
долю WWW. Количество серверов WWW сегодня
нельзя оценить сколько-либо точно, но
по некоторым оценкам их более 30 тысяч.
Скорость роста WWW даже выше, чем у самой
сети Интернет. Сегодня WWW - самая передовая
технология Интернет, и она уже становится
массовой технологией - возможно, недалек
тот день, когда каждый человек, знающий,
что такое телефон, будет знать, что такое
WWW.
WWW - информационная система, которой
весьма непросто дать корректное определение.
Вот некоторые из эпитетов, которыми она
может быть обозначена: гипертекстовая,
гипермедийная, распределенная, интегрирующая,
глобальная. WWW работает по принципу клиент-сервер,
точнее, клиент-серверы: существует множество
серверов, которые по запросу клиента
возвращают ему гипермедийный документ
- документ, состоящий из частей с разнообразным
представлением информации (текст, звук,
графика, трехмерные объекты и т. д.), в
котором каждый элемент может являться
ссылкой на другой документ или его часть.
Ссылки эти в документах WWW организованы
таким образом, что каждый информационный
ресурс в глобальной сети Интернет однозначно
адресуется, и документ, который Вы читаете
в данный момент, способен ссылаться как
на другие документы на этом же сервере,
так и на документы (и вообще на ресурсы
Интернет) на других компьютерах Интернет.
Причем пользователь не замечает этого,
и работает со всем информационным пространством
Интернет как с единым целым. Ссылки WWW
указывают не только на документы, специфичные
для самой WWW, но и на прочие сервисы и информационные
ресурсы Интернет. Более того, большинство
программ-клиентов WWW (browsers, навигаторы)
не просто понимают такие ссылки, но и
являются программами-клиентами соответствующих
сервисов: ftp, gopher, сетевых новостей Usenet,
электронной почты и т.д. Таким образом,
программные средства WWW являются универсальными
для различных сервисов Интернет, а сама
информационная система WWW играет интегрирующую
роль. Вот некоторые термины, использующиеся
в WWW. Первый термин - html (hypertext markup language,
язык разметки гипертекста). Это формат
гипермедийных документов, использующихся
в WWW для предоставления информации. Формат
этот не описывает то, как документ должен
выглядеть, но его структуру и связи.