FAQ по HTML | Создаём шаблон страницы за 2 шага
Данные уроки расчитаны только на новичков сайтостроения и состоят из 2х частей - теории и - практики.
Создадим простейший документ, который потом можно будет использовать как шаблон для разных HTML-документов.
Первой строкой документа, написанного на языке HTML должна быть строка, начинающаяся с тега
. -!В ней браузер почерпнет информацию о том какому стандарту соответствует документ.
Например, строка:
скажет браузеру, что документ соответствует английскому стандарту HTML 4.0 Transitional DTD.
Затем идут следующие строки:
-!необязательный элемент
-!начало заголовка документа.
В заголовке располагаются метаданные [информация, позволяющая задать кодовую страницу языка для правильного отображения текста браузером, ключевые слова для индексации страницы поисковыми системами, автора документа и другую информацию].
Например, следующая строка укажет браузеру, что надо использовать для вывода текста стандартную кодовую страницу для вывода кириллицы - windows-1251.
Следующие две строки нужны для индексации вашей страницы поисковыми системами.
< /FONT>< /FONT>
< /FONT>< /FONT>
-!Зададим красный цвет ссылок.
link= "Red"
-!Зададим цвет активных ссылок.
alink="Fuchsia"
-!Зададим цвет посещенных ссылок.
vlink= "Maroon"
-!Зададим цвет фона документа, и параметры шрифта по умолчанию, идёт по порядку: цвет фона(белый), цвет текста(чёрный), названиешрифта(Arial,'Comic Sans MS',Courier), размер шрифта по умолчанию ко всему документу.
-!Затем указывает титул документа - надпись, которая будет выводиться в заголовке окна браузера.
Страничка начинающего мегакулпорталостроителя
- завершаем заголовок.
-!После заголовка открываем тело документа
...Здесь будет содержание нашего документа.
И наконец, завершаем тело документа и сам документ...
<практика>
[шаг 1. откройте обычный блокнот]
[шаг 2. выделите нижеприведённый код и вставте его в свой блокнот]
[шаг 3. Сохраните документ например как template.html и кликните на нем мышкой. Запустится браузер, в окне которого на белом фоне, черными буквами будет выведен наш текст и красными буквами ссылка, цвет которой изменится на черный, при наведении на ней курсором:]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=windows-1251"> <META NAME="Description" content="краткое описание сайта/страницы"> <META NAME="Keywords" content=" ключевые слова через запятую/смысловая нагрузка страницы "> <TITLE>Страничка начинающего мегакулпорталостроителя</TITLE> </HEAD> <BODY bgcolor="white" text="#000000" link="Red" vlink="Maroon" alink="Fuchsia" font face="Arial,'Comic Sans MS',Courier" > <basefont size="2"> Страничка начинающего мегакулпорталостроителя занимающегося разведением породы домашних крокАдилов... <P>Мой первый HTML-документ <A HREF="">ссылка на другой документ/сайт/файл/.../ </A> </P> </BODY> </HTML>
<<< Обзор софта для создания сайта | Работа с текстом / основные тэги управления стилем текста >>>