Текст книги "Веб-Самоделкин. Как самому создать сайт быстро и профессионально"

Глава 2.
Основы веб-программирования с помощью языка HTML

Аббревиатура HTML знакома даже людям, которые по роду занятий далеки от веб-разработки. Она получила известность хотя бы потому, что адреса многих веб-страниц в Интернете заканчиваются расширением .html. Кроме этого, уже даже многие школьники знают: если есть желание создать свой сайт или заняться веб-разработкой – необходимо изучить хотя бы основы языка программирования HTML.

Общие сведения о языке программирования HTML

Расшифровывается аббревиатура HTML следующим образом: Hyper Text Markup Language, что в переводе на русский язык означает «гипертекстовый язык разметки». Иначе говоря HTML – это язык программирования, используемый для описания представленной на веб-странице информации. В состав этого языка входят специальные теги (команды), которые предназначены для создания различных эффектов, применения форматирования (например, курсивное или полужирное начертание), и т. п.

Возможно, у читателя возникнет вопрос: для чего, собственно, изучать язык HTML, если в настоящее время существует немало программных средств, специально предназначенных для создания страниц и сайтов (кстати, некоторые из них описываются далее в этой книге)? Нужно ли тратить время на изучение языка программирования, когда сайт можно легко сконструировать и без этих знаний?

Действительно, современные программные продукты позволяют создавать веб-страницы даже без минимальных знаний азов программирования. Однако если вы всерьез планируете заняться веб-разработкой, а также если впоследствии вам придется заниматься обслуживанием и администрированием сайта – хотя бы элементарное понятие о структуре и использовании языка HTML иметь необходимо.

Чтобы было понятнее, приведем аналогию с автомобилем. Когда человек учится в автошколе, ему преподают не только Правила дорожного движения, но и читают курс устройства автомобиля. Ведь даже если человек не планирует заниматься самостоятельно ремонтом и обслуживанием машины, уж коль он сел за руль – он должен иметь хотя бы общее представление об устройстве того, чем он управляет. По крайней мере, он будет знать, что если во время движения машину «потянуло» в сторону – видимо, у нее спустило колесо, если застучал мотор – нужно срочно остановиться, а если машина заглохла – возможно, у нее кончился бензин, и т. д.

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

ПРИМЕЧАНИЕ

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

Если бы не было языка HTML, все использование Интернета свелось бы к безликим текстовым посланиям, не имеющим какого-то форматирования, яркого красочного оформления, мультимедиа, эргономики и дизайна. Однако самой главной функцией языка программирования HTML является возможность связывать веб-страницы между собой с помощью гиперссылок. Эти гиперссылки могут находиться, например, на навигационных инструментах веб-ресурсов, либо следовать прямо в тексте. Например, если навигационная панель сайта содержит ссылку Услуги, то при щелчке мышью на этой ссылке вы попадете на страницу с описанием услуг либо условий их предоставления.

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

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

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

Стоит отметить, что гиперссылка является исключительно полезным инструментом. Более того – без нее невозможно представить себе современный Интернет. Ведь во Всемирной Паутине содержится невообразимое количество информации на сотнях миллионов веб-страниц. В этом безбрежном море информации удается ориентироваться лишь с помощью гиперссылок.

HTML «в действии», или Как просмотреть исходный код страницы

Не все пользователи Интернета знают, что при желании можно просмотреть исходный HTML-код любой веб-страницы. Кстати, многие именно с этого начинают свой первые опыты в сфере веб-разработки: посмотрев «реальное» отображение страницы, а после этого изучив ее HTML-код, можно получить общее представление о структуре, синтаксисе и приемах использования этого языка.

Функциональные возможности практически любого популярного Интернет-обозревателя (Internet Explorer, Mozilla Firefox, и др.) предусматривают просмотр HTML-кода текущей страницы, который обычно отображается в отдельном окне. Рассмотрим на конкретном примере, как это делается.

Откроем в Интернет-обозревателе Internet Explorer какую-либо страницу, например, сайт газеты «Советский спорт» – www.sovsport.ru (рис. 2.1).

Рис. 2.1. Страница для просмотра HTML-кода

Теперь выполним команду главного меню Вид ► Просмотр HTML-кода – в результате на экране откроется окно используемого по умолчанию текстового редактора (как правило, это «Блокнот»), в котором будет представлен исходный код открывшейся страницы (рис. 2.2).

Рис. 2.2. Просмотр HTML-кода

На данном рисунке представлен лишь небольшой фрагмент HTML-кода данной страницы, поскольку весь код является довольно объемным, и чтобы просмотреть его полностью, нужно использовать полосы прокрутки.

При необходимости вы можете вывести HTML-код на печать – для этого используйте штатную команду редактора «Блокнот» Файл ► Печать, вызываемую также нажатием комбинации клавиш Ctrl+P.

Отметим, что в разных Интернет-обозревателях команда, предназначенная для просмотра HTML-кода, может называться по-разному. Например, в обозревателе Mozilla Firefox она также находится в меню Вид, но называется Исходный код страницы, и ее можно вызвать также нажатием комбинации клавиш Ctrl+U.

Создание простейшей веб-страницы

В данном разделе мы на конкретном примере проиллюстрируем, как написать простейшую веб-страницу на языке программирования HTML.

Работать мы будем в любом текстовом редакторе, позволяющем сохранять созданные файлы с расширением html. Если вы пользуетесь операционной системой Windows, то вполне подойдет текстовый редактор «Блокнот», который входит в комплект ее поставки.

Итак, по обычным правилам работы в текстовом редакторе вводим в окне код, который представлен на рис. 2.3.

Рис. 2.3. Начальный этап создания простейшей веб-страницы

То, что мы сейчас сделали, можно назвать предварительной разметкой простейшей веб-страницы. Пока еще наша страница не содержит никаких сведений, и если сохранить ее в таком виде, то при последующем открытии ее в окне Интернет-обозревателя это окно будет пустым.

А текст, который мы ввели, представляет собой три пары тегов HTML-документа. Отметим, что большинство тегов языка HTML используются в паре: первый тег называется открывающим, а второй – закрывающим. Все закрывающие теги имеют в начале наклонную черту (например, на рис. 2.3 закрывающими тегами являются </title>, </body> и </html>).

Теги <html> и </html> предназначены для идентификации HTML-документа. Открывающий тег этой пары всегда следует в самом начале программного кода, а закрывающий тег – в самом его конце. Иначе говоря, тегом <html> начинается программный код страницы, а тегом </html> он завершается.

ВНИМАНИЕ

Пара тегов <html> и </html> является обязательным атрибутом любого HTML-документа.

С помощью пары тегов <title> </title> осуществляется идентификация названия веб-страницы. Иначе говоря, весь текст, введенный между этими тегами, будет впоследствии отображаться в заголовке окна Интернет-обозревателя.

Что касается тегов <body> </body>, то они предназначены для идентификации основного текста HTML-документа. Иными словами, весь текст веб-страницы, отображаемый на экране при ее просмотре в окне Интернет-обозревателя, должен находиться между этими тегами.

Сохраним введенные данные в файле с расширением html (предположим, что наш файл будет называться Пример.html). Для этого выполним команду главного меню Файл ► Сохранить (эта команда вызывается также нажатием комбинации клавиш Ctrl+S), после чего в открывшемся окне укажем путь для сохранения и имя файла.

Теперь дополним код нашего HTML-документа, добавив в него между соответствующими тегами заголовок веб-страницы и основной текст. Назовем нашу страницу Тестовая страница, а в качестве основного текста введем Эта страница является тестовой (рис. 2.4).

Рис. 2.4. Добавление в код страницы заголовка и основного текста

Теперь сохраним выполненные изменения с помощью команды главного меню Файл ► Сохранить или нажатием комбинации клавиш Ctrl+S. После этого откроем нашу страницу в окне Интернет-обозревателя. Если все сделано правильно, то она должна выглядеть так, как показано на рис. 2.5.

Рис. 2.5. Тестовая страница в окне Интернет-обозревателя

Как видно на рисунке, заголовок страницы, который отображается вверху окна Интернет-обозревателя, и основной ее текст полностью соответствуют программному коду. На этом можете себя поздравить: вы только что создали простейшую веб-страницу.

Теперь доработаем нашу веб-страницу, чтобы придать ей более эргономичный вид. Вначале, используя теги <h1> и </h1>, озаглавим содержащийся на странице текст. Для этого дополним программный код так, как показано на рис. 2.6.

Рис. 2.6. Добавление в программный код заглавия текста

Обратите внимание – теги <h1> и </h1> и находящийся между ними текст расположены внутри тегов <body> и </body>, а также перед основным текстом.

Теперь сделаем так, чтобы слово страница отображалась курсивом, а слово тестовой – полужирным шрифтом. Для этого предназначены пары тегов соответственно <i> </i> и <b> </b>. В результате внесения необходимых дополнений исходный код нашей веб-страницы должен выглядеть так, как показано на рис. 2.7.

Рис. 2.7. Добавление курсивного и полужирного начертания

Теперь изменим цвет фона страницы. Для этого применим атрибут bgcolor тега <body>. Отметим, что этот атрибут не является обязательным: если он не используется – цвет фона по умолчанию будет белым (в чем мы уже могли убедиться). Сделаем цвет фона нашей страницы желтым, дополнив ее программный код так, как показано на рис. 2.8.

Рис. 2.8. Изменение цвета фона веб-страницы

При желании мы можем изменить и цвет шрифта, сделав его, например, голубым. Для этого вновь немного доработаем наш программный код, используя для этого атрибут text тега <body>. Этот атрибут также не является обязательным: если он не используется, то цвет шрифта по умолчанию будет черным (в этом мы тоже уже могли убедиться).

Чтобы цвет шрифта стал голубым, код нашей веб-страницы должен выглядеть так, как показано на рис. 2.9.

Рис. 2.9. Изменение цвета шрифта веб-страницы

Теперь сохраним все выполненные изменения и откроем нашу веб-страницу в окне Интернет-обозревателя. Результат выполненных действий показан на рис. 2.10.

Рис. 2.10. Веб-страница после выполненных доработок

Как видно на рисунке, в соответствии с изменениями программного кода слово страница написано курсивом, слово тестовой – полужирным шрифтом, а над основным текстом появился заголовок. Кроме этого, изменился фон цвет фона страницы и цвет шрифта, которым отображается текст.

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

Вначале нам нужно решить, куда именно будет вести гиперссылка с нашей страницы. Для этого создадим простейшую веб-страницу с каким-либо произвольным текстом – например, как на рис. 2.11.

Рис. 2.11. Страница, которая должна открываться по ссылке

Файл этой страницы в нашем примере будет называться Test.html. Здесь мы не приводим ее исходный код, поскольку имеющихся знаний уже вполне достаточно для того, чтобы создать ее без подсказок. Именно эта страница должна будет открываться после того, как мы добавим гиперссылку на страницу, с которой только что экспериментировали (см. рис. 2.10).

Для создания гиперссылок в языке программирования HTML предусмотрен парный тег <a> </a>, который используется совместно с атрибутом href. Значением данного атрибута является тот адрес, на который ведет гиперссылка.

Поместим оба наши файла (Пример.html и Test.html) в один каталог. Чтобы создать гиперссылку на страницу Test.html, изменим код страницы Пример.html так, как показано на рис. 2.12.

Рис. 2.12. Создание гиперссылки

Попутно мы познакомимся с еще одним тегом HTML-языка – <br>. Характерной особенностью данного тега является то, что он применяется не парно, а индивидуально. Иначе говоря, здесь нет открывающего и закрывающего тега, он один. Этот тег предназначен для вставки разрыва строки (от английского слова «break»). После того тега текст будет продолжен с новой строки.

ВНИМАНИЕ

Учтите, что при вводе основного текста язык HTML не реагирует на нажатие клавиши Enter. Несмотря на то, что в текстовом редакторе текст веб-страницы после каждого нажатия Enter будет продолжен с новой строки, при просмотре этой страницы в окне Интернет-обозревателя текст будет идти в одной строке. Поэтому для осуществления перехода на новую строку используйте тег <br>.

В рассматриваемом примере мы добавили в программный код страницы новую строку, поэтому после слова тестовой вставлен тег <br>.

Что касается ссылки, то она сформирована в новой строке текста. Вот ее код:

 <a href="Test.html">здесь</a>

В данном коде вначале следует открывающий тег <a> вместе со своим атрибутом href, имеющим значение Test.html (очевидно, что значением атрибута является в имя страницы, на которую ведет ссылка). Обратите внимание: в скобки <> открывающий тег заключен вместе с атрибутом и значением атрибута.

Далее следует слово текста, которое, собственно, и будет являться ссылкой (в нашем случае это слово здесь), а после него идет закрывающий тег </a>.

В результате выполненных изменений наша веб-страница Пример.html будет выглядеть так, как показано на рис. 2.13.

Рис. 2.13. Гиперссылка в тексте страницы

Как видно на рисунке, на нашей странице появилась новая фраза Более подробно смотрите здесь, которая начинается с новой строки. Причем последнее слово данной фразы представляет собой гиперссылку. Обратите внимание – по умолчанию гиперссылки в тексте выделяются подчеркиванием. Если все сделано правильно, то после щелчка мышью на данной ссылке откроется страница Test.html (см. рис. 2.11).

Однако в Интернете гиперссылки широко используются не только для того, чтобы переходить на страницы одного и того же сайта, но и для перехода на другие веб-ресурсы. Чтобы решить эту задачу, нужно в программном коде гиперссылки указать веб-адрес требуемого ресурса. Рассмотрим, как это делается, на конкретном примере.

Сделаем из нашей страницы Пример.html гиперссылку на популярный портал www.mail.ru. Для этого подкорректируем программный код так, как это показано на рис. 2.14.

Рис. 2.14. Ссылка на www.mail.ru

Как видно на рисунке, из кода ссылки мы убрали имя страницы Test.html, добавив вместо него адрес http://www.mail.ru. В остальном программный код страницы остался прежним. Сохраним выполненные изменения с помощью команды главного меню Файл ► Сохранить или нажатием комбинации клавиш Ctrl+S, и запустим файл Пример.html.

Внешне вид веб-страницы не изменится – она будет выглядеть точно так же, как и на рис. 2.13. Но если теперь щелкнуть мышью на ссылке здесь, то в результате откроется главная страница портала www.mail.ru.

Таким образом, в данном разделе мы на конкретном примере рассмотрели основные действия по созданию простейшей веб-страницы. Однако чтобы более детально изучить возможности языка HTML, необходимо познакомиться с его основными тегами. Некоторые из них мы уже знаем, но в реальности их намного больше. Об этом и пойдет речь в следующем разделе.

Основные теги языка HTML

Здесь мы познакомимся с наиболее востребованными тегами языка программирования HTML. Отметим, что многие теги имеют свои атрибуты, о которых также будет рассказано в данном разделе. Мы будем рассматривать все теги  (даже те, с которыми уже познакомились) в алфавитном порядке.

ВНИМАНИЕ

Не забывайте, что многие теги HTML-языка являются парными – например, <body> </body>, <b> </b>, и т. д.

Тег <a>, как мы уже знаем, предназначен для создания гиперссылок в тексте веб-страницы. Напомним, что гиперссылка является одним из ключевых элементов любого веб-ресурса, поэтому важность данного тега сложно переоценить. Этот тег имеет следующие атрибуты:

•  accesskey – назначение для гиперссылки «горячей клавиши»;

•  href – определение адреса, на который ведет гиперссылка;

• name – именование областей веб-страницы;

• tabindex – установка порядка перехода по гиперссылкам;

• target – определение окна для отображения объекта гиперссылки.

Тег <b> предназначен для выделения текста полужирным шрифтом. Иначе говоря, весь текст, находящийся между тегами <b> </b>, будет отображаться полужирным шрифтом.

С помощью тега <basefont> вы можете изменить внешний вид всего текста. Этот тег имеет атрибут size, предназначенный для изменения размера шрифта текста.

Тег <big> позволяет увеличить шрифт текста по сравнению с соседним текстом, а с помощью тега <blockquote> вы можете создать в документе блок цитаты.

Одним из ключевых тегов языка программирования HTML является парный тег <body>. Как мы уже отмечали ранее, с помощью этого тега идентифицируется основной текст документа. Иначе говоря, все, что вы хотите поместить на веб-страницу, должно располагаться между тегами <body> </body>. Данный тег имеет несколько атрибутов, которые перечислены ниже.

• alink, link и vlink – позволяют установить цвет гиперссылок;

• background  – выбор графического фона;

• bgcolor – изменение цвета фона веб-страницы (применение данного атрибута мы на конкретном примере рассмотрели в предыдущем разделе);

• bgproperties – установка режима перемещения графического фона при пролистывании веб-страницы;

• bottommargin – позволяет редактировать высоту нижнего поля;

• leftmargin – позволяет редактировать ширину левого поля;

• marginheight – позволяет редактировать высоту верхнего и нижнего полей;

• marginwidth – позволяет редактировать ширину левого и правого полей;

• rightmargin – позволяет редактировать ширину правого поля;

• text – изменение цвета текста (применение данного атрибута мы на конкретном примере рассмотрели в предыдущем разделе);

• topmargin – позволяет редактировать высоту верхнего поля.

Тег <br>, как мы уже отмечали ранее, предназначен для создания новой строки (то есть для переноса текста на нижеследующую строку). Этот тег имеет один атрибут – clear, предназначенный для предотвращения переноса слов текста.

С помощью тега <caption> вы можете снабдить таблицу заголовком, а атрибут данного тега align позволяет установить признак выравнивания заголовка таблицы.

Для центрирования элементов веб-страницы предназначен тег <center>.

<col> – данный тег позволяет создать неструктурную группу столбцов таблицы. Он имеет перечисленные ниже атрибуты.

• align – атрибут позволяет задать признак выравнивания данных в ячейках группы по горизонтали;

• bgcolor – с помощью данного атрибут задается цвет фона ячеек группы;

• char – выбор символа, устанавливающего порядок выравнивания данных в ячейках группы;

• span – установка числа столбцов в группе;

• valign – установка признака выравнивания данных в ячейках группы по вертикали.

<colgroup> – с помощью данного тега создается структурная группа столбцов таблицы. Он имеет те же атрибуты, что и тег <col>.

<dd> – данный тег позволяет отметить статью определения в списке определений.

<del> – с помощью данного тега текст снабжается признаком зачеркивания.

<div> – данный тег позволяет разделить веб-страницу на области. Это бывает целесообразно при использовании стилей. У данного тега есть атрибут class, с помощью которого можно сформировать список исключений.

<font> – с помощью данного тега осуществляется изменение внешнего вида текста. Этот тег имеет перечисленные ниже атрибуты.

• color – изменение цвета текста;

• face – изменение шрифта текста;

• size – изменение размера шрифта.

<form> – это тег используется для создания форм. Он также имеет несколько важных атрибутов, которые перечислены ниже.

• accept-charset – определение формата кодировки данных;

• action – задание места назначения данных формы;

• enctype – выбор формата передаваемых данных формы;

• method – выбор способа пересылки данных формы по сети;

• target – определение места, где будет отображено сообщение о доставке данных формы.

<frame> – с помощью данного тега определяется набор данных фрейма. О том, что такое фреймы, говорилось выше – в разделе «Термины и определения, используемые веб-разработчиками». Данный тег имеет несколько атрибутов, которые перечислены ниже.

• bordercolor – предназначен для изменения цвета линий рамки фрейма;

• frameborder – позволяет скрыть рамку фрейма;

• marginheight – позволяет изменить высоту верхнего и нижнего полей фрейма;

• marginwidth – позволяет изменить ширину левого и правого полей фрейма;

• name – предназначен для присвоения имени фрейму;

• noresize – предотвращает изменение размеров фрейма;

• scrolling – предназначен для управления отображением полос прокрутки фрейма;

• src – предназначен для определения имени и местонахождения файла данных, отображаемых фреймом.

<frameset> – с помощью данного тега создается набор фреймов. Он может использоваться с перечисленными ниже атрибутами.

• border – позволяет регулировать толщину линий рамок фреймов;

• bordercolor – позволяет изменять цвет линий рамок фреймов;

• cols – предназначен для формирования столбцов рамок фреймов;

• frameborder – предназначен для скрытия рамок фреймов;

• framespacing – устанавливает заданную толщину линий рамок фреймов;

• rows – предназначен для создания строк фреймов.

<h1>, <h2>, <h3>, <h4>, <h5>, <h6> – с помощью данных тегов создаются заголовки разных уровней (соответственно от первого до шестого). Например, на созданной нами веб-странице (см. рис. 2.13) заголовок Информация о странице создан с помощью тега <h1>, то есть это заголовок первого уровня. Отметим, что все теги, предназначенные для создания заголовков, являются парными. Поэтому если вы, например, формируете заголовок первого уровня, то он должен находиться между тегами <h1> </h1> (см. рис. 2.14). Теги заголовков могут использоваться с атрибутом align, который позволяет определить признак выравнивания заголовка.

<head> – этот парный тег определяет раздел заголовка на веб-странице. Кроме этого, он предназначен для хранения прочих элементов, задача которых – помочь Интернет-обозревателю в работе с данными. Также между тегами <head> </head> могут располагаться метатеги, применяемые для хранения сведений, которые предназначены для Интернет-обозревателей и поисковых систем. Строго говоря, заголовок станицы Тестовая страница (см. рис. 2.13 и 2.14), который мы поместили между тегами <title> </title>, следовало бы еще поместить и между тегами <head> </head>. При этом программный код заголовка должен был выглядеть так:

<head>

<title>Тестовая страница</title>

</head>

Это больше соответствует правилам HTML-языка, и мы не делали этого только для того, чтобы при создании простейшей веб-страницы обойтись минимальным количеством тегов.

<hr> – этот тег предназначен для создания горизонтальной линейки. Он может использоваться с перечисленными ниже атрибутами.

• align – определяет признак выравнивания линейки;

• noshade – позволяет придать горизонтальной линейке объемный эффект;

• size – позволяет указать толщину линейки;

• width – позволяет указать ширину линейки.

<html> – как мы уже отмечали ранее, этот тег предназначен для идентификации веб-страницы. Программный код любой веб-страницы должен начинаться тегом <html>, и завершаться тегом </html>.

<i> – с помощью данного тега (он также является парным) можно придать тексту курсивное начертание. Как пользоваться этим тегом, мы продемонстрировали ранее на конкретном примере (см. рис. 2.7 и 2.10).

<iframe> – этот тег позволяет создать плавающий фрейм.

<img> – с помощью этого тега осуществляется вставка в документ рисунков, фотографий, изображений и прочих графических объектов. Данный тег может использоваться с атрибутами, которые перечислены ниже.

• align – с помощью данного атрибута можно задать признаки выравнивания текста относительно изображения (например, чтобы текст обтекал изображение, и т.п.);

• alt – предназначен для отображения альтернативного текста при отсутствии графического объекта;

• border – позволяет поместить графический объект в рамку;

• dynsrc – позволяет создать внедренный видео-объект;

• height, width – эти атрибуты позволяют задать соответственно высоту и ширину графического объекта;

• hspace, vspace – эти атрибуты позволяют обрамлять графический объект полосами чистого пространства;

• ismap – предназначен для создания карты ссылок;

• lowsrc – определяет имя и местонахождение файла изображения с низким разрешением;

• name – присваивает имя графическому объекту;

• src – определяет имя и местонахождение файла графического объекта;

• tabindex – устанавливает порядок перехода по графическим объектам;

• usemap – устанавливает имя карты ссылок.

<ins> – с помощью данного тега осуществляется подчеркивание вставленного фрагмента текста.

<layer> – тег предназначен для позиционирования слоя (группы элементов) веб-страницы. Конкретизировать действие тега позволяют его перечисленные ниже атрибуты.

• height – позволяет установить высоту слоя;

• width – позволяет установить ширину слоя;

• left – определяет координату слоя относительно левой кромки окна;

• top – определяет координату слоя относительно верхней кромки окна;

• z-index – определяет приоритет воспроизведения перекрывающихся элементов слоя.

<li> – данный тег предназначен для создания списков. Каждый элемент списка должен помечаться этим тегом. Возможности HTML-языка предусматривают создание как маркированных, так и нумерованных списков. В первом случае используется атрибут type, во втором случае – value.

<link> – с помощью данного тега делаются ссылки на файл внешнего листа стилей. Это тег может использоваться с перечисленными ниже атрибутами.

• href – атрибут предназначен для определения имени и расположения файла внешнего листа стилей;

• rel – определяет тип отношения внешнего листа стилей к веб-странице;

• type – определяет формат внешнего листа стилей.

<map> – данный тег предназначен для формирования карты ссылок, а с помощью атрибута name карту ссылок можно именовать.

<marquee> – этот тег позволяет создать на веб-странице один из довольно распространенных эффектов: бегущую строку. Он может использоваться совместно со следующими атрибутами.

• behavior – позволяет задать способ поведения бегущей строки;

• bgcolor – предназначен для указания цвета фона бегущей строки;

• direction – устанавливает направление движения бегущей строки

• height – определяет высоту бегущей строки;

• width – определяет ширину бегущей строки;

• hspace, vspace – позволяет выполнить обрамление бегущей строки полосами чистого пространства;

• loop – определяет количество циклов перемещения бегущей строки;

• scrollamount – определяет шаг единовременного перемещения бегущей строки;

• scrolldelay – определяет величину задержки между отдельными тактами перемещения текста бегущей строки;

• truespeed – устанавливает минимальное значение интервала задержки scrolldelay.

<meta> – с помощью данного тега в программном коде выделяется служебная информация о веб-странице, предназначенная главным образом для поисковых систем.

<nobr> – действие этого тега прямо противоположно действию тега <br>, с которым мы познакомились ранее: он запрещает переход текста на новую строку (от английского «no break», что дословно означает «нет разрыва»).

<noframes> – с помощью данного тега включается отображение альтернативного текста при невозможности показа фрейма.

<noscript> – с помощью данного тега включается отображение альтернативного текста при невозможности исполнения сценария JavaScript.

<ol> – данный тег предназначен для формирования нумерованных списков. Он может использоваться совместно с атрибутами start, который определяет начальный номер элементов списка, и type, определяющим стиль нумерации списка.

<p> – с помощью данного тега можно создавать новые абзацы. Он может использоваться с атрибутом align, который определяет признак выравнивания текста абзаца.

<script> – этот тег предназначен для создания объекта сценария JavaScript.

<small> – с помощью данного тега вы моете уменьшить размер шрифта относительно расположенного рядом текста.

<strike> – тег устанавливает признак зачеркивания текста;

<strong> – создание полужирного текста

<style> – создание определения внутреннего листа стилей;

<sub> – преобразование текста в подстрочный индекс (то есть создание подстрочного текста);

<sup> – преобразование текста в надстрочный индекс (то есть создание надстрочного текста);

<table> – тег предназначен для построения таблиц. Он может использоваться совместно с перечисленными ниже атрибутами.

• align – включает режим обтекания таблицы текстом;

• background – определяет графический фон таблицы;

• bgcolor – устанавливает цвет фона таблицы;

• border – позволяет установить требуемую толщину линии рамки;

• bordercolor – устанавливает цвет линий рамки;

• cellpadding – устанавливает размер полос чистого пространства, отделяющего содержимое ячеек таблицы от ее границ (иначе говоря, с помощью этого атрибута определяется расстояние от содержимого ячейки до ее границ);