Веб-Самоделкин

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

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

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

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

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

ВНИМАНИЕ

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

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

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

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

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

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

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

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

С помощью тега

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.

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

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

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

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

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

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

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

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

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

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