HTML – Урок 2: Основа HTML шаблона, главные теги

HTML – Урок 2: Основа HTML шаблона, главные теги

В прошлом уроке, уважаемые читатели, мы знакомились с понятием HTML, что такое HTML шаблон и для чего он нужен. Сегодня предлагаю начать изучение HTML и CSS. Сегодня мы узнаем:

1. Что такое DOCTYPE?
2. Для чего тег HEAD?
3. Как установить кодировку в шаблоне?
4. Как описать ключевые слова, название и описание сайта?

Итак, основные цели на сегодня заданы, в путь по новым знаниям HTML верстки, начинаем урок по созданию дизайна сайта!

1. Что такое DOCTYPE? DOCTYPE (DOC – документ, Type – тип) – это стандарт, согласно которому сайт передаёт браузеру информацию о том, какая версия HTML используется в шаблоне. Позже я постараюсь написать подробнее об этом стандарте. Мы выберем наиболее подходящий доктайп для нас, который будет говорить о том, что мы используем первую версию XHTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">


2. Для чего нужен тег HEAD? HEAD - это такой тег, внутри которого описываются параметры страницы: кодировку, подключение стилей, ключевые слова и описание сайта, а также подключает скрипт javascript и favicon сайта.

<head>
- начало тега
</head>
- конец тега

Пункты, про которые я расскажу далее будут находится внутри этого тега.

Кстати!
Любой тег находится внутри
"<head>" и "</head>"

“ /” перед названием тега закрывает его.

3. Как установить кодировку в HTML шаблоне? Для начала узнаем, а что такое кодировка? Кодировка – это соответствие символов машинным кодам, а также процесс перевода информации из компьютерного представления в понятный человеку вид и наоборот.
Существует множество кодировок, с русским языком наиболее известны: KOI8, UTF8 (Unicode) и WINDOWS-1251 (CP1251). предлагаю выбрать UTF8. Кодировка подключается следующей строчкой:

<meta http-equiv="content-type" content="text/html; charset=utf-8" /> 


Несложно догадаться, что кодировка указана после charset=. Данная строка отвечает ещё за несколько параметров, но мы пока не будем «забивать мозг» себе ещё непонятными терминами.

4. Как описать ключевые слова, название и описание сайта? Ключевые слова (ключевики) – это те основные микромысли, которыми придерживается ваш сайт, а описание и название, я думаю, пояснять не нужно. Если вы узнаете про правильное указание ключевиков и описания сайта, то вы узнаете часть ответа на вопрос: как раскрутить блог.

Название сайта (страницы) должно быть заключено между тегами
"<head>" и "</head>" 

Пример:

<title>Наш сайт!</title>


Ключевые слова описываются следующей строкой:

<meta name="keywords" content="ключевые, слова" />



А описание сайт- этой:

<meta name="description" content="описание сайта" />


Итак, мы разобрались со всеми 4-мя вопросами, на сегодня урок окончен, удачи вам в верстке!
Дата: 2012-10-22 19:56:51   Просмотров: 7602

Теги: уроки урок html шаблон шаблоны сайт сайтостроение