Что такое теги в HTML?


Теги – это инструменты разметки текста. Теги могут прописываться как строчными, так и прописными буквами, разницы никакой нет. Теги бывают парными и не парными. В качестве примера парного тега можно привести тег <html></html>, этот тег начинает и заканчивает любой HTML документ. Вторая часть парного тега отличается от первой только наличием символа "/", однако первая часть тега может содержать и дополнительные параметры. Например в теге <font size="4"></font>, параметр size="4" определяет размер текста. Примером непарного тега является <hr> – тег вставки в HTML документ горизонтальной линии.

 

Обязательные теги языка HTML

Любой HTML документ должен содержать следующие теги:

<html></html>

<head></head>

<body></body>

<title></title>

 

3) Порядок расположения тегов в 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">

 

Заголовки

Заголовки в языке HTML выделяются тегами:

<h1></h1> –(самый большой по размеру)

<h2></h2> ...

<h6></h6>

 

Таким образом существует 6 уровней заголовков. Можете поэкспериментировать: вставьте вместо "Тело документа" в предыдущем примере <h1>HTML – это просто</h1>, сохраните в текстовом формате, измените расширение документа с .txt на .html и откройте его в браузере. Ну как? По моему приятно когда начинает получаться, можете попробовать то же самое с заголовками других уровней.

 

Стиль шрифта

Стиль шрифта указывается тегом <FONT> </FONT>. Он может иметь несколько атрибутов:

SIZE – задает размер текста (по умолчанию размер текста равен 3). Поместив текст между тегами <FONT SIZE=n></FONT>, где n - цифровое значение, Вы придадите ему нужный вам размер.

FACE – задает стандартное имя шрифта. Используйте шрифты, которые установлены на компьютере пользователя, в противном случае Обозреватель будет использовать шрифт, определенный по умолчанию (обычно Times New Roman). К стандартным шрифтам можно отнести шрифты, поставляемые с Windows. <font face="Courier"> Courier </font>

COLOR – задает цвет текста (по умолчанию черный - #000000). Цвет текста может определятся как самим названием, например, red, blue и т.д, так и представлен в шестнадцатиричном виде - #FF0000 (красный) #0000FF (синий). <font COLOR="red"> Красный </font>

<font COLOR="#FF0000"> Красный </font>

С помощью элементаSTYLEтега<SPAN>(закрывающийся тег </SPAN>обязателен) можно задавать выделение текста любым цветом:

<SPAN STYLE="BACKGROUND-COLOR: lightgreen">Светлозеленый</SPAN>

<SPAN STYLE="BACKGROUND-COLOR: yellow">Желтый</SPAN>

<SPAN STYLE="BACKGROUND-COLOR: lightblue">Светлосиний</SPAN>

 

 


Дата добавления: 2016-07-27; просмотров: 3593;

Поиск по сайту:

Воспользовавшись поиском можно найти нужную информацию на сайте.

Поделитесь с друзьями:

Считаете данную информацию полезной, тогда расскажите друзьям в соц. сетях.
Poznayka.org - Познайка.Орг - 2016-2024 год. Материал предоставляется для ознакомительных и учебных целей.
Генерация страницы за: 0.014 сек.