Генератор цветов Уроки C++ Уроки Windows forms Учебники по программированию Уроки HTML Уроки CSS Готовые задания Исходники Полезные программы
регистрация доменов

Дешёвые домены



Уроки HTML


Структура веб-сраницы html

После того, как вы ознакомились с основными аспектами языка html – следует детально рассмотреть, как должна выглядеть структура html-страницы.

<!DOCTYPE html>
<html>
  <head>
    <title>Форум Учебники Исходники для программистов</title>
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">	
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <link rel="shortcut icon" href="images//icon.ico" type="image/x-icon">
    <link rel="stylesheet" href="css/style.css" type="text/css" media="screen, projection" />  
    <script src="myscript/script.js"></script>
  </head>
<body style="background-color :Green" >

<p>Контент  сайта </p>

</body>
</html>

<!DOCTYPE html> - указывается тип страницы (документа). Предназначен для того чтобы браузер "понимал", как следует интерпретировать html-страницу. Подробнее doctyp’ы рассматриваются в следующем уроке.

<html> - объявление начала веб-страницы.

Между тегами <head> </head> :
<title></title> - название страницы.

<meta http-equiv="Content-Type" content="text/html; charset= - кодировка страницы.
Пишут windows-1251 или UTF-8.

<meta name="keywords" content="ключевые слова" /> - нужно для того что бы указать ключевые слова страницы. (необязательно)

<meta name="description" content="описание страницы" /> - (необязательно)

<link rel="shortcut icon" href="images//icon.ico" type="image/x-icon"> - загружает иконку сайта.

<link rel="stylesheet" href="css/style.css" type="text/css" media="screen, projection" /> - подключает стилей.

<script src="myscript/script.js"></script> - так подключается скрипт чего-либо (если вам есть что подключать)

<body style="background-color :Green" > - объявление о начале "тела" страницы, то есть всё что будет отображаться.

</body> - закрытие видимой части страницы

</html> - закрытие страницы.




◄ Предыдущий урок Содержание Следующий урок ►