Что такое теги в 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 документа
Фон
Для его вставки в строку с тегом <BODY> Вашего документа нужно добавить параметр BGCOLOR и указать его значение – название цвета или его шестнадцатиричный вид. Данные два примера заполняют страницу документа красным цветом.
<BODY BGCOLOR="RED"> (использовано название цвета) <BODY BGCOLOR="#FF0000"> (использован шестнадцатиричный вид цвета)
Теперь о фоновой картинке. Фоном может быть как большой графический файл (учтите – в этом случае страничка будет грузиться дольше) так и его фрагмент, что более разумно. При использовании последнего он будет автоматически размножен Вашим Обозревателем, поэтому подбирайте фрагмент хорошо стыкующимся. Вставить в страницу фоновую картинку можно так:
<BODY BACKGROUND="images.gif">
Параметру BACKGROUND присвоено значение images.gif – это имя графического файла с расширением (поддерживаются *.jpg, *.gif, *.png). Естественно оно может быть другим. Предполагается, что графический файл расположен в одной папке с Вашим документом, иначе нужно указать к нему путь.
Тег <BODY> может также иметь параметры отступов в документе (определяются числовым значение).
leftmargin – отступ слева
rightmargin – отступ справа
topmargin – отступ сверху
bottom margin – отступ снизу
<BODY leftmargin="0", topmargin="0", marginwidth="0" marginheight="0">
Линии
Тег HR (Horisontal Rule) вставляет в текст горизонтальную разделительную линию. Может иметь следующие атрибуты:
WIDTH |
Определяет длину линии в пикселях или процентах от ширины окна Обозревателя. |
SIZE |
Определяет толщину линии в пикселях. |
ALIGN |
Определяет выравнивание горизонтальной линии. Параметр может принимать следующие значения: left - выравнивание по левому краю документа. right - выравнивание по правому краю документа. center - выравнивание по центру документа (используется по умолчанию). |
NOSHADE |
Определяет способ закраски линии как сплошной. Параметр является флагом и не требует указания значения. Без данного параметра линия отображается объемной. |
COLOR |
Определяет цвет линии. Работает только в Internet Explorer. |
Примеры линий:
<HR>
<HR WIDTH="50%" ALIGN="left" SIZE="0">
<HR WIDTH="80%" SIZE="3">
<HR NOSHADE WIDTH="80%" SIZE="20">
<HR NOSHADE WIDTH="80%" COLOR="Blue" SIZE="8">
Вместо линии можно реализовать и квадрат:
<HR NOSHADE ALIGN="left" WIDTH="18" COLOR="Red" SIZE="18">