logo
Материалы к вопросам 2012_01_03

38 Основы использования языка html

WWW-документ может содержать стилизованный и форматированный текст, графику и гиперсвязи с различными ресурсами Internet. Чтобы реализовать все эти возможности, был разработан специальный язык, названный HyperText Markup Language (HTML), то есть, Язык Разметки Гипертекста. Документ, написанный на HTML, представляет собой текстовый файл, содержащий собственно текст, несущий информацию читателю, и флаги разметки. Последние представляют собой определенные стандартом HTML последовательности символов, являющиеся инструкциями для программы просмотра; согласно этим инструкциям программа располагает текст на экране, включает в него рисунки, хранящиеся в отдельных графических файлах, и формирует гиперсвязи с другими документами или ресурсами Internet. Таким образом, файл на языке HTML приобретает облик WWW-документа только тогда, когда он интерпретируется программой просмотра. HTML поддерживается широко распространенными браузерами, и, возможно, станет основой почти всего имеющего отношение к Web программного обеспечения.

Структура HTML документа

Символы, заключенные в угловые скобки <> являются HTML командами, по кото-рым «браузер» распознает, как следует преобразовать части текста, заключенные между этими командами.

Документ в целом должен быть отмечен как документ в формате HTML. Для этого он должен начинаться командой <HTML> и заканчиваться командой </HTML>.

Документ состоит из 2 частей:

- Заголовка (Head),

- Собственно документа (Body).

Для выделения заголовка следует ввести: <HEAD> Заголовок документа <HEAD>

Каждый WWW - документ имеет название, которое вводится в титульной строке «браузера».

Для ввода титульной строки в заголовок документа следует воспользоваться следующими командами: <HEAD> <TITLE> TITLE List </TITLE> </HEAD>

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

Для записи основного текста следует ввести: <BODY> Основной текст </BODY>

Таким образом, общая схема документа в формате HTML выглядит следующим образом:

<HTML>

<HEAD> <TITLE> Титульная строка документа </TITLE> </HEAD>

<BODY> Основной текст документа </BODY>

</HTML>

При написании команд HTML не имеет значение, какими буквами - строчными или прописными Вы пишете команды.

HTML (HyperText Markup Language) - язык гипертекстовой разметки документов. Назначение HTML в том, чтобы сделать документы пригодными для чтения с экрана монитора.

Для создания HTML документов используют текстовые редакторы (например Блокнот), текстовые процессоры (Word), редакторы тегов HTML и визуальные HTML-редакторы. Вы можете создать HTML документ в простом Блокноте. Придерживаясь определённого стандарта и записав в текстовом файле HTML код, сохранив на жёстком диске и изменив расширение на .html или .htm вы получите полноценную web страничку.

Структура HTML документа. Теги - это инструменты разметки текста. Теги могут прописываться как строчными, так и прописными буквами, разницы никакой нет. Теги бывают парными и не парными. В качестве примера парного тега можно привести тег <html></html>, этот тег начинает и заканчивает любой HTML документ. Вторая часть парного тега отличается от первой только наличием символа "/", однако первая часть тега может содержать и дополнительные параметры. Например, в теге <font size="4"></font>, параметр size="4" определяет размер текста. Примером непарного тега является <hr> - тег вставки в HTML документ горизонтальной линии, такой как в конце этого абзаца.

Обязательные теги языка HTML. Любой HTML документ должен содержать следующие теги <html></html>, <head></head>, <body></body>, <title></title>. Порядок расположения тегов в HTML документе представлен ниже

<html>

<head>

<title>Название вашей страницы</title>

</head>

<body>

Тело вашего документа

</body>

</html>

Внутри тега <head></head> располагается название вашего HTML документа (чаще всего именно его вы видите в качестве ссылки в результатах поиска поисковыми машинами), помимо этого тега внутри конструкции <head></head> могут располагаться так называемые Мета Теги. Их назначение и описание находится в справочнике по Мета Тегам.

Тело HTML документа. Заголовки.

Заголовки в языке HTML выделяются тегами <h1></h1>, <h2></h2>, ... , <h6></h6>. Таким образом, существует 6 уровней заголовков. Можно поэкспериментировать - Вставить вместо "Тело документа" в предыдущем примере <h1>HTML - это просто</h1>, сохранить в текстовом формате, изменить расширение документа с .txt на .html и открыть его в браузере.

Абзацы в языке HTML. Абзац в HTML документе заключается в тег <P></P>. Таким образом, конструкция <p> - Как настроение?</p><p> - Не плохо.</p> будет выглядеть следующим образом:

- Как настроение?

- Не плохо.

Выделение текста в HTML. Для выделения текста, или области текста в HTML используют теги <b></b>, <i></i>, <u></u>, таким образом строка

<b>жирный</b> <i>курсив</i> <u>подчёркнутый</u> <u><i><b>жирный подчёркнутый курсив</b></i></u>

будет выглядеть

жирный курсив подчёркнутый жирный подчёркнутый курсив

Ненумерованные списки в HTML. Ненумерованные списки прописывают в HTML коде следующим образом <UL><LI>пункт 1<LI>пункт 2<LI>пункт 3</UL>, что даст нам список вида

Нумерованные списки в HTML. Нумерованные списки прописывают следующими тегами <OL><LI>пункт 1<LI>пункт 2<LI>пункт 3</OL>, смотрим, что получится

1. пункт 1

2. пункт 2

3. пункт 3

Вложенные списки списки в HTML. Пример вложенного списка

<ul>

<li>Глава 1

<ul><li>Раздел 1<li>Раздел 2</ul>

<li>Глава 2

<ul><li>Раздел 1<li>Раздел 2</ul>

</ul>

такая запись в HTML коде даёт нам следующий результат

●Глава 1