Пособие по HTML - файл n1.doc

Пособие по HTML
Скачать все файлы (521 kb.)

Доступные файлы (1):
n1.doc521kb.01.02.2014 19:09скачать

n1.doc

Знакомство с языком HTML.
Сеть интернета представляет собой гигантский набор информации, основанной на гипертекстовых документах. Любой гипертекстовый документ представляет собой обычный текстовый файл в формате ANSI ASCII, содержащий собственно текст и специальные теги для его разметки, а также ссылки на другие подобные документы, графические изображения и любые иные файлы. Когда браузер – программа просмотра гипертекста – загружает подобный файл, все теги обрабатываются браузером в соответствии с правилами специального языка – HTML (Hyper Text MarkUp Language – Язык Разметки Гипертекста).
В этой главе рассказывается, как создавать простейшие статические документы, составленные на языке HTML. Прежде чем приступить к рассказу о HTML – небольшой исторический экскурс. Разработчики HTML, выпустили несколько последовательных версий. После версии 1.0 и 2.0 в марте 1995 года был подготовлен черновой вариант версии 3.0, содержащей по сравнению с версией 2.0 много добавлений. Основные производители браузеров (компании Netscape и Microsoft) разработали собственные расширения языка HTML, которые оказались несовместимыми между собой. В настоящее время совместимость браузеров Netscape Navigator версии 6.0 и Microsoft Internet Explorer версии 5.5 несколько улучшилась, хотя о полном разрешении конфликтной ситуации говорить не приходится.

Неудачный, так и не реализованный стандарт языка HTML версии 3.0 сменил стандарт 3.2. В его разработке участвовали такие компании, как Netscape Communications Corporation, Microsoft, IBM, Novell, SoftQuad, Sun Microsystems и Spyglass.

На сегодняшний день выпущен еще один стандарт HTML версии 4.0, в который добавлены многие полезные расширения.
Следует отметить, что HTML, вопреки распространенному заблуждению, ни в коей мере не является языком программирования. HTML – это типичный язык разметки, т.е. с его помощью можно оформлять документы, создавать ссылки, но ни как не писать программы. Даже специальные эффекты, которые можно увидеть на страницах Web, создаются не с помощью HTML, а с использованием дополнительных средств – например, встроенных в документ программ на языке JavaScript.
Создаем страницу HTML.
Страницы HTML представляют собой обычные текстовые файлы, поэтому на первом этапе Вам предостаточно простейшего текстового редактора Microsoft Notepad.

Запустите программу Notepad и наберите текст, приведенный ниже:





First page





Hello World!




Сохраните этот текст в файл с именем First.htm.



Откройте папку, в которую Вы сохранили файл First.htm и дважды щелкните левой кнопкой мыши значок файла – автоматически запустится браузер, в окне которого отобразится содержимое вашего документа.


Структура документа HTML.
Любой документ HTML представляет собой текстовый файл и содержит элементы, называемые тегами, которые могут занимать одну или несколько строк. Теги легко отличить от остальных элементов: они ограничены угловыми скобками « < » и « > ». Большинство тегов используются попарно – открывающий и закрывающий.
Название тегов в языке HTML разрешено записывать как строчными, так и прописными буквами – браузеру все равно.
Тег указывает, что этот документ является HTML документом.

Тело документа HTML, ограничено элементами и , как это показано ниже:



. . . (документ HTML)


Документ HTML состоит из двух основных частей – заголовка документа и тела документа:





. . . (заголовок документа)





. . . (тело документа)





Структура заголовка.
В заголовок документа входит следующая информация:

название страницы. Оно не появляется в теле HTML страницы, а выводится в строке заголовка браузера;


Example: заголовок.





First Page





Форматирование и выравнивание текста.

Форматирование текста является самой простой и одновременно самой мощной частью HTML. Поговорим о том, как форматировать документ. Следует отметить, что форматирование и оформление – не одно и то же. Форматирование задает структуру, а оформление – внешний вид. Для оформления документа в HTML 4.0 используется CSS (Cascading Style Sheet – Каскадные страницы стилей). О CSS мы поговорим позднее.
Тэги заголовка.

-
... h6>. Диапазон тэгов заголовков применяется для заголовков и подзаголовков содержимого.


Example: Типы заголовков.





First page





Заголовок 1



Заголовок 2



Заголовок 3



Заголовок 4



Заголовок 5


Заголовок 6







Основные тэги форматирования.

-
.
Тэг разрыва, который равнозначен одному возврату каретки.

-
.
Тэг абзаца, используемый для обозначения абзаца.

-
...
.
Способ обозначения абзаца с помощью открытия/закрытия.

-
...
.
Тэг предварительного форматирования текста, используется для сохранения количества пробелов в тексте.

- ... . Если вы хотите использовать строку без естественного разрыва.

Начертания шрифта.



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

В языке HTML определены теги, предназначены для так называемого физического форматирования символов текста. Эти теги определяют внешний вид символов явным образом:





First page





Жирный текст


Наклонный текст


Подчеркнутый текст


Перечеркнутый текст


Увеличенный текст


Уменьшенный текст








Знакомство с Атрибутами.



Множество тегов HTML также принимают параметры, называемые атрибутами. Атрибуты используются для указания дополнительной информации Web-браузеру о том, как применять этот тег элемента. Атрибуты - это имена, которым через знак равенства (=) присваиваются определенные значения. Например:




Remain close to the great spirit.

Remain close to the great spirit.

Remain close to the great spirit.




Результат этого кода одинаков для каждой строки.

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

Существуют следующие типы выравнивания:

- по умолчанию(по левому краю);

- по левому краю;

- по правому краю;

- по центру;

- по ширине.

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



(Фрагмент документа)



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

"left"> - по левому краю,

"center"> - по центру,

"justify"> - по ширине.
Example: Элемент DIV может быть вложенным.





Div





Hello world!





Hello world!





Hello world!

Учебный текст
© perviydoc.ru
При копировании укажите ссылку.
обратиться к администрации