Полезные советы и начальные сведения о HTML-документах
Важнейшим и безусловно наиболее часто используемым тэгом является линк или ссылка. При нажатии на линк происходит переадрессация на соответствующий документ. Этим документом может быть другой файл, адрес электронной почты и вообще все, что угодно. Перехожу к примерам. Пример1. Линк (ссылка) на сетевой документ и код, который необходимо писать в тексте сообщения <a href="http://zavtra.ru">Завтра</a> Если вы хотите, чтобы предлагаемый вами линк открывался в новом окне, добавьте в описание линка следующий код: <a href="http://zavtra.ru" target="_blank">Завтра</a> Слово "target" (в переводе на русский - "цель") говорит Вашему броузеру, что он должен открывать предложенную ссылку в новом окне. Попробуйте нажать на линк Завтра, чтобы убедиться в эффективности предложенной методики. Пример2. Ссылка на электронную почту. HTML-код выглядит следующим образом: <a href="mailto:slucka@e-mail.ru">Письмо Павлику</a> Как Вы видите, вместо указания сетевого протокола http используется mailto, что предписывает броузеру открыть программу, используемую Вашей системой для электронной почты. Следующий широко используемый тэг применяется для создания изображений, или image Пример3. Создание изображения в документе.
Для этого вам необходимо добавить следующий код: <img src="http://zavtra.ru//cgi//veil//zavtra/zavtra_h.gif"> Как Вы уже заметили, все вышеприведенные примеры находятся посередине страницы. Это происходит потому, что в описание данных элементов добавлен тэг "center", который выглядит следующим образом: <center></center> Всё, заключенное между начальным и конечным тэгом, будет показано в середине страницы (конечно, по горизонтали). В заключение первой части приведу пример создания горизонтальной линии в HTML-документе. Это очень просто. Достаточно поместить в сообщении следующий тэг: <hr> Это будет выглядеть так: Предельно просто, не правда ли? Однако, продолжим... Самые простые и широко распространенные тэги, используемые для форматирования текста, делают его жирным (bold), выделяют его курсивом (italic) или подчеркивают его (underline). Для создания такого форматирования используются соответственные тэги: Пример 4. Bold, Italic и Underline
Для придания тексту различного цвета, а также для использования различных шрифтов используется тэг FONT. Чтобы не усложнять дальнейшее повествование, мы остановимся только на использовании этого тэга для изменения цвета текста. Для иллюстрации приведу таблицу с основными цветами. Пример 5: Использование тэга FONT для изменения цвета текста
Вышеприведенными цветами, естественно, не исчепывается все многообразие оттенков, возможных в HTML-документе. Но тема описания цвета является достаточно сложний сама по себе и, безусловно, выходит за рамки данного документа. Вкратце: 6 знаков, стоящих после значка #, разбиваются на три группы по два знака от 00 до FF, означающе ни что иное, как шестнадцатиричное представление чисел от 1 до 255 и указывающие на присутствие в выделенном таким образом тексте основных цветов: красного (red), зеленого (green) и синего (blue). Такое описание цвета называется аддитивным RGB-представлением. Для увеличения или уменьшения размера текста могут быть использованы различные способы. Вкратце остановлюсь только на одном из них: заголовок. Для этого используются тэги от H1 до H6. как это выглядит, Вы можете видеть в следующей таблице. Пример 6. Использование тэга Н для изменения размера текста.
В заключение хочу коротко остановиться на общей структуре HTML-документа и особенностях кодировки. Итак, каким образом Ваш броузер распознает, что он имеет дело с гипертекстом? Очень просто. С помощью использования тэга HTML. Если Вы откроете любой .htm или .html - файл с помощью текстового редактора, то Вы увидите следующее: <html> аа<head> аааа......Здесь находится описание документа аа</head> аааа<body> аааааа......Здесь находится непосредственно документ, то есть то, что видит пользователь аааа</body> </html> Таким образом, все описанные в частях 1 и 2 тэги могут быть применены только между <body> и </body>, то есть непосредственно в "теле" документа. Между тэгами <head> и </head> размещается также много полезных и нужных вещей, называемых мета-тэги. Например, там могут содержаться ключевые слова, которые используются роботами поисковых служб, таких как Яндекс, для определения содержания документа. Коротко остановлюсь только лишь на одном из таких мета-тэгов, используемых броузером для определения кодировки документа. Он выглядит, например, следующим образом: <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> Как видно, в тэге имеется указание на примененный в документе charset, т.е. набор знаков. Вышеприведенный тэг говорит броузеру, что кодировка, примененная в документе, соответствует русской кодиривке Cyrillic Windows и тем самым избавляет пользователя от необходимости переключать ее вручную. Наверное, многие уже замечали, что некоторые бесплатные форумы, например на voy.com, неправильно отображают кодировку документа. Это происходит именно потому, что софт, используемый в таких форумах, не "заточен" под русскоязычного пользователя, и указание кодировки в заголовке документа отсутствует. Разумеется, в настоящей статье затронуты самые элементарные понятия. Я не ставил себе задачу научить читателя создавать домашние страницы для публикования в Интернете, хотя приведенных в статье сведений достаточно для написания простейшей инетовской презентации с использованием любого текстового редактора. Моей целью была скорее возможность избежать многократного повторения ответов на вопросы, частенько задаваемых на форуме. Надеюсь, статья вам хоть как-то помогла. Если вы заинтересуетесь данной темой, то в сети существует большое количество гораздо более развернутых пособий для начинающего WEB-программиста. Например, здесь... Чтобы еще более облегчить форматирование Ваших сообщений, я написал небольшую программку для М$ Windows, которая переносит в clipboard все тэги, упомянутые в частях 1 и 2 с помощью одного-двух нажатий на кнопку мыши. Кроме того, она показывает содержимое clipboard'a и локальный IP-адрес Вашего компьютера. Ее можно загрузить прямо здесь. Кроме того, исходники программы также доступны для любого желающего. Программка написана на Delphi 2 и может быть компилирована со всеми версиями Delphi, начиная от 2-й. Необходимые для компилирования компоненты можно свободно загрузить на Torry's Delphi Pages. Благодарю за внимание, Pavlik
|
