Следующее понятие, с которым Вам надо будет ознакомиться, является «тег». Тегом называется «команда», которая отправляется браузеру. Теги бывают двух видов, открытые и с появлением языка xHTML(об этом позже) – закрытые.
Открытый тег выглядит так:
<html> </html>
Где: <html> – открывающий тег, а следовательно </html> – закрывающий.
Закрытый:
<img src="/URL" />
Как мы видим, тег имеет элемент закрывающего тега слэш /. Но расположен он в конце тега.
Любая страница сайта, обязана иметь в себе 4 обязательных тега. Это теги: “html”, “head”, “title”, “body”.
Выглядеть код будет следующим образом:
<html>
- <head>
- <title>Заголовок страницы</title>
<body>
</body>
Где, тег <html> – указывает на начало html-документа.
Тег <head> – содержит в себе основные «команды» страницы, в том числе <title>, указывающий нам заголовок страницы.
Пример содержимого:
<head>
-
<meta http-equiv="Content-Type" content="text/html;" charset="utf-8" />
// Эта строка означает, что текст на странице имеет кодировку utf-8 и содержание элементов – текст и html.
<meta name="keyword" content="азы, хтмл, html, basic" />
// Эта строка указывает ключевые слова в тексте.
<meta name="description" content="описание сайта" />
// здесь описывается суть, о чём страница
<meta name="title" content="Заголовок страницы">
// Указывается заголовок страницы
<meta name="copyright" content="Night_Pilgrim" />
// Строка указывающая автора содержимого веб-страницы.
<meta name="robots" content="index, follow" />
// индексирование поисковыми роботами – разрешено
<link rel="stylesheet" href="/URL/*.css" type="text/css" />
// Строка указывающая на подключённый файл таблицы стилей CSS.
<link rel="shortcut icon" href="/URL/*.ico" />
// Строка указывающая на подключение файла иконки.
<script type=”text/javascript” src=”URL/*.js” />
// Строка указывающая на подключение файла с программным кодом JavaScript.
Стоит также отметить, что тег <style> также заключается в теге <head>.
<body> – тело документа, сюда мы пишем всё, что в итоге будет выведено на страницу. Помимо понятия «тег», есть ещё понятие «атрибут» тега, отвечающий за его «свойство». Возьмём за пример тег body:
<body bgcolor="#eeeeee;" text=”#0000ee;” link=”#ee0000;” alink=”#aa0000;” vlink=”#00ee00;” background=”URL”>
Где:
-
bgcolor – цвет фона документа;
text – цвет текста документа;
link – цвет гиперссылки;
alink – цвет активной гиперссылки;
vlink – цвет посещённой гиперссылки;
background – картинка на задний фон.
Всё это и есть атрибуты тега body.
Также в «Основы» следует добавить «тип документа» он указывается в самом начале, ещё до тега , страница отобразится и без этого, но всё же указать не помешает.
xHTML 1.0 Strict (строгий): не содержит элементов, помеченных как «устаревшие» или «не одобренные».
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru-ru" lang="ru-ru">
xHTML 1.0 Transitional (переходный): содержит устаревшие теги в целях совместимости и упрощения перехода со старых версий HTML.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru-ru" lang="ru-ru">
xHTML 1.0 Frameset (с фреймами): аналогичен «переходному», но содержит при этом набор тегов для создания фреймов.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru-ru" lang="ru-ru">
xHTML 1.1
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru-ru" lang="ru-ru">
