HTML код страницы сайта | Как создать свой сайт

HTML код страницы сайта, основные положения

Фев-23-2010 Автор: VeryOldMan

К Вашему вниманию второй  урок html верстки сайта.  Наша задача в этом уроке разобраться в том, что вообще такое язык html,  какая его структура и команды и как создается html код страницы сайта.

Основой языка html являются так называемые теги, особенные команды, которые выделяют фрагменты текста, дают им особые свойства или просто задают их внешний вид. Каждый тег html начинается с «<» (левая угловая скобка) и заканчивается символом «>» (правая угловая скобка). Следует знать, существует открывающий тэг и закрывающий тэг. Например, теги <р> и </р>. Эти теги создают обыкновенный текстовый абзац. Буква р (на английском paragraph — абзац) это наименование тега, которое размещается между знаками < и >. Именно эти знаки и являются признаком тегтегов,  из которых создается html код страницы сайта. Их наличие где-либо в тексте в другом качестве недопустимо.

Функция тега <р> — задать начало фрагменту текста, который будет отдельным абзацем. Поэтому он называется открывающим. Функция тега </р> — задавать конец абзаца. Поэтому он называется закрывающим. Обратите внимание на то, что у закрывающего тега то же название, что и у открывающего, но между ним и знаком < находится символ / , так называемый «слэш»отличительная черта закрывающего тега. Фрагмент текста, свойства которого определяет тег, называется его содержимым. А такие теги называют парными. Есть и непарные теги.

Продолжаем разбираться с тем, как создается html код страницы сайта.  О структуре web-страницы. Когда браузеры открывают страницы сайта, они определяют, как эти документы должны быть интерпретированы. Поэтому самым первым тэгом, который будет встречаться в документе, должен быть тэг <html>. Этот тэг говорит браузерам, о том, что ваша web- странница написана с применением html. Наименьшая web- страница будет выглядеть так:

<html> …тело документа… </html>

Дальше за открывающим тегом <html>, и более нигде в документе, идет открывающий тег заголовочной части документа <head>. Внутри этого тега находится невидимая посетителю сайта, но весьма необходимая для всех браузеров информация. Функция данного тега – в общем описании документа. Открывающий тэг <head> располагается прямо перед тэгом <title> и другими тэгами, описывающими документ, в том числе такими как мета тег description и мета тег keywords. Внутри этого тега помещается служебная информация о кодировке страницы (Content-Type) – вот в таком виде:

<meta http-equiv=»Content-Type» content=»text/html; charset=utf-8″ />

а так же здесь находятся служебные ссылки для подключения к странице таблицы стилей CSS, вот в таком виде:

<link href=»имя таблицы.css» rel=»stylesheet» type=»text/css» />

Закрывающий тэг </head> располагается сразу после завершения описания документа. В простейшем виде html код страницы будет выглядеть так:

<html>
<head>
<title>Документ без названия</title>
</head>

</html>

Заголовок документа <title>. Тайтл (title) — заголовок страницы, текст которого отображается в самом верху браузера на синей полосе, и который вы видите в результатах поиска поисковиковGoogle или Яндекс.

Мета тег description – описание web- страницы.

Мета тег keywords – ключевые слова web- страницы.

Очень важные мете теги. На странице Мета тег description и мета тег keywords можно узнать, что это такое или освежить в памяти. А мы закончили разбираться с тегами, из которых состоит html код страницы сайта и плавно переходим к тегам тела документа, то есть непосредственно к  урокам html верстки того, что видит посетитель web- страницы.






Комментариев (0)

Добавить комментарий