Учебник HTML

Понятие об HTML тегах

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

   HTML тег начинается с ключевого слова, расположенного внутри скобок < >. Это открывающий тег. Далее следует содержимое тега, которое как раз и рассматривается как тот или иной элемент страницы. Завершается описание HTML конструкции закрывающим тегом </ >, внутри которого после слеша - то же самое ключевое слово. Например, то, что будет расположено внутри тега <table> </table>, будет интерпретироваться как таблица (в свою очередь описываемая тегами, создающими строки и ячейки); <img> </img> - будет рассматриваться как изображение, и т.д.
   Однако, существуют теги, для которых закрывающий тег не требуется. Например, <br> - тег переноса текста на другую строку.

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

   <font color="red" size="4">контрольный текст</font>

описывает шрифт текста, расположенного внутри тега, цвет которого будет красный (атрибут color), размером 4 (атрибут size). Кстати, HTML редактор очень помогает, подсказывая какие именно атрибуты и их значения можно использовать с конкретным тегом. Поэтому использование HTML редактора существенно облегчает работу.

   Конечно, чтобы на странице появился текст, таблица, изображение, ссылка или другие элементы, внутри тега должны располагаться именно текст, таблица, изображение, ссылка и т.д. Возникает вопрос, что будет, если информация внутри тега не будет обладать свойствами этих элементов? Например, вместо текста будет рисунок или вместо таблицы - ссылка? Ответ прост - браузер проигнорирует непонятный ему элемент, и вообще ничего не покажет. Этим часто пользуются хакеры, которые прячут вредоносный код внутри тега <img>, маскируя под изображение. Браузер, не опасаясь, скачивает его, и - готово!