Документация
HTML CSS PHP PERL другое
Создаём шаблон страницы за 2 шага
 

Создаём шаблон страницы за 2 шага

Данные уроки расчитаны только на новичков сайтостроения и состоят из 2х частей - теории и - практики.

Создадим простейший документ, который потом можно будет использовать как шаблон для разных HTML-документов.

Первой строкой документа, написанного на языке HTML должна быть строка, начинающаяся с тега

<!DOCTYPE> . -!В ней браузер почерпнет информацию о том какому стандарту соответствует документ.

Например, строка:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

скажет браузеру, что документ соответствует английскому стандарту HTML 4.0 Transitional DTD.

Затем идут следующие строки:

<HTML> -!необязательный элемент

<HEAD> -!начало заголовка документа.

В заголовке располагаются метаданные [информация, позволяющая задать кодовую страницу языка для правильного отображения текста браузером, ключевые слова для индексации страницы поисковыми системами, автора документа и другую информацию].

Например, следующая строка укажет браузеру, что надо использовать для вывода текста стандартную кодовую страницу для вывода кириллицы - windows-1251.

<META http-equiv="Content-Type" content="text/html; charset=windows-1251">

Следующие две строки нужны для индексации вашей страницы поисковыми системами.

<META NAME="Description" content= "краткоеописание сайта/страницы - здесь вы найдёте всё для своих домашних крокАдилов, температурный режим, меню на среду... ;)">< /FONT>< /FONT>

<META NAME="Keywords" content= "ключевые слова через запятую/смысловая нагрузка страницы -температурный режим, меню на среду, уход за крокАдилами, учим крокАдилов петь... ;)">< /FONT>< /FONT>

-!Зададим красный цвет ссылок.

link= "Red"

-!Зададим цвет активных ссылок.

alink="Fuchsia"

-!Зададим цвет посещенных ссылок.

vlink= "Maroon"

-!Зададим цвет фона документа, и параметры шрифта по умолчанию, идёт по порядку: цвет фона(белый), цвет текста(чёрный), названиешрифта(Arial,'Comic Sans MS',Courier), размер шрифта по умолчанию ко всему документу.

<BODY bgcolor="white" text="Black"   font face="Arial,'Comic Sans MS',Courier" ><basefont size="2"> 

-!Затем указывает титул документа - надпись, которая будет выводиться в заголовке окна браузера.

<TITLE>Страничка начинающего мегакулпорталостроителя</TITLE>

</HEAD> - завершаем заголовок.

-!После заголовка открываем тело документа

<BODY>

...Здесь будет содержание нашего документа.

И наконец, завершаем тело документа и сам документ...

</BODY>

</HTML>

<практика>

[шаг 1. откройте обычный блокнот]

[шаг 2. выделите нижеприведённый код и вставте его в свой блокнот]

[шаг 3. Сохраните документ например как template.html и кликните на нем мышкой. Запустится браузер, в окне которого на белом фоне, черными буквами будет выведен наш текст и красными буквами ссылка, цвет которой изменится на черный, при наведении на ней курсором:]

[Назад] [Содержание] [Вперед]

Главная
Love
Bilan
Женщинам
Женщинам
Pushkin
Есенин
Лермонтов
Chehov
Рефераты