Home О нас Самоучитель иврита Путеводитель по Израилю Фотопутешествия Города Израиля Телефонный справочник Еврейские имена Еврейские праздники Ивритская поэзия
Как построить сайт
Учебник HTML и Photoshop. Построение блога на WordPress. Построение портала на Drupal.




HTML
Photoshop
WordPress
Drupal

Учебник HTML и Photoshop



Предыдущая глава


Теги МЕТА



Давайте добавим в код нашей страницы еще одну вещь. Если вы обратили внимание, в самом верху браузера, которым вы пользуетесь, написано название страницы, которая у вас открыта. Это название - то, что указано внутри тега <title></title>, про который мы пока еще не знаем. Этот тег пишется в заголовке кода страницы, сразу после "head".

Допустим, мы хотим, чтобы основным названием нашей страницы было: "Лена Петрова. Стихи, рассказы, фотографии." Тогда мы должны внутри заголовочного тега "head" написать следующее:

<title>Лена Петрова. Стихи, рассказы, фотографии.</title>

Вставьте это в код, и вы увидите эти слова на полосе в самом верху вашего экрана.

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

<meta name="description" content="Литературная страничка Лены Петровой">

<meta name="keywords" content="литература стихи рассказы повести фотографии">

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

Еще один тег рекомендуется вставить внутри тега "head" без изменений:

<meta http-equiv="content-type" content="text/html; charset=windows-1251">

Он предназначен для того, чтобы браузеры ваших посетителей не путали кодировки и всегда видели вашу страницу на русском языке.

И давайте прямо сейчас вставим внутрь "head" указатель на наш файл со стилями. Про стили - чуть позже. Пока просто договоримся, что файл с описанием ваших стилей должен будет находиться в той же директории и называться, допустим, styl.css (он может быть, конечно, и в другой директории, но тогда надо не забыть правильно указать путь к нему). Итак, внутрь тега head мы должны вставить еще одну строчку:

<link href="styl.css" rel="stylesheet" type="text/css">

Наш код, с учетом всего вышеcказанного, теперь выглядит так:

<html>
<head>
<title>Лена Петрова. Стихи, рассказы, фотографии.</title>
<meta name="description" content="Литературная страничка Лены Петровой">
<meta name="keywords" content="литература стихи рассказы повести фотографии">
<meta http-equiv="content-type" content="text/html; charset=windows-1251">
<link href="styl.css" rel="stylesheet" type="text/css">
</head>
<body bgcolor=yellow>

<br><br>
<center><h1>Домашняя страница Лены Петровой</h1></center>
<center>
<br><br><br>

<table width=600>
<tr>
<td>

<center>

<table width=600 border=0 cellpadding=5>
<tr valign=top bgcolor=gray>
<td width=300 height=200>
<img src="lena.jpg" alt="Лена Петрова" width=300 height=200 border=0>
</td>
<td align=left>
<h2><font color=yellow>Лена Петрова</font></h2>
<font color=white>Это скамейка неподалеку от дома, на которой я люблю сидеть в одиночестве. Именно здесь лучше всего пишутся мои стихи.</font>
</td>
</tr>
<tr>
<td colspan=2 align=center bgcolor=olive>
<br><br>
<h3><font color=yellow>Я рада, что вы ко мне зашли!!</font></h3>.
</td>
</tr>
</table>

<p>

<a href="soderjanie.html">Содержание стихов и рассказов</a>

</center>

</td>
</tr>
</table>

</body>
</html>



Следующая глава






О чем здесь можно узнать: УЧЕБНИК HTML И PHOTOSHOP

ПОСТРОЕНИЕ БЛОГА НА WORDPRESS
ПОСТРОЕНИЕ ПОРТАЛА НА DRUPAL








© Netzah.org.
Разрешается свободное цитирование материалов сайта
при условии указания активной ссылки на эту страницу: http://textbook.netzah.org/