Основные html теги. Meta теги
Web-разработки, реклама и информация
[10-06-2003] Джо
Вот он - простенький, но вполне работающий файл html.
<html>
<head>
<title>Берлога Виссариона Шпанского</title>
<meta name="Keywords" content="Поэт,прозаик,философ">
<meta name="Description" content="На сайте говорится о невыразимой прелести бытия. Ея">
<meta name="author" content="VSpanssky">
<meta name="robots" content="all">
<meta name="revisit-after" content="7 days">
<meta name="distribution" content="global">
<meta name="rating" content="General">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="content-language" content="ru">
<meta http-equiv="content-style-type" content="text/css">
<meta http-equiv="content-type" content="text/html; charset=windows-1251">
<link rel="stylesheet" href="http://vissashpa.narod.ru/cfg/style.css">
</head>
<body>
<div id="text">
<h1>О величайшем поэте мира и окрестностей</h1>
<p>Я - Шпанский Виссарион. А ниже - овал совсем не моего лица. Не правда ли, круглый?</p>
< img src="monaliza.jpg" alt="Мона Лиза">
<a href=http://forum.sbridge.ru>А это ссылка по известному адресу</a>
<h2>Ежедневное меню гения</h2>
<ul>
<li>Ананас</li>
<li>Рябчик</li>
<li>Хлеб ржаной</li>
<li>Водка со слезой</li>
<li>Селедка ржавая</li>
</ul>
<h2>Таблица популярности в граммах</h2>
<table>
<tr><th>Год</th><th>Талант</th><th>Популярность</th></tr>
<tr><td>2000</td><td>1852</td><td>3412</td></tr>
<tr><td>2008</td><td>6546</td><td>12567</td></tr>
</table>
<strong>Гений!!!</strong>
</div>
</body>
</html>
Краткий комментарий к использованным тегам html. В моих статьях серии А - для начинающих я постараюсь ограничиться только остро необходимой информацией.
<html></html> - между этими тегами расположен весь текст страницы.
<head></head> - между этими тегами расположен текст заголовка страницы. Этот текст, за исключением заключенного между тегами <title></title> на экране не отражается.
<title> - этот текст отражается на самой верхней строке сайта.
meta - теги дают некую справочную информацию для поисковых систем и браузеров. В том числе Keywords - ключевые слова, description - описание страницы, ru - язык, charset - кодовая страница, no-cache - указание браузеру не использовать сохраненную в компьютере страницу, а читать заново с сервера.
Остальные теги, которые якобы рулят поисковым роботом, приведены по принципу - не помешают.
<h1></h1>...<h6></h6> - заголовки разного уровня
<body></body> - между этими тегами расположен текст страницы.
<div></div> - колонка, область, окно - основа современной верстки сайта.
<p></p> - параграф текста.
<img src> - вывод графического файла.
<a></a> - гиперссылка.
<ul><li>...</li></ul> - перечисление ( меню ).
<table></table> - таблица
<strong></strong> - выделение
О позиционировании элементов и оформлении страницы - в следующих статьях.
