Оглавление:
- С чего начать?
- тег <BODY>
- Комментарии
- Просмотр результата
- Создание абзацев
- Создание заголовков
- Выравнивание текста
- Тег <PRE>
- Форматирование текста
- Атрибуты шрифта
- Специальные символы и таблица UNICODE
- Тег <HR>
- Гиперссылки
- Ссылки на объект в текущем документе
- Вставка графических изображений
- Бегущая строка
- Создание списков
- Создание таблиц
- Фреймы
- Встроенный фрейм
- Создание форм
CSS
- Каскадные таблицы стилей
- Способы определения стилей
- Определение стилей через классы
- Определение стилей через индентификаторы
- Позиционирование элементов Web-страницы
- Шрифты
- Свойства текста
- Свойства блоков текста
- Цветовое оформление
- Создание полей в документе
- Абзацный отступ
- Корректное отображение Web-страницы
- Атрибуты тега <META>
|
Почти все теги имеют некоторые параметры, которые называют атрибутами. Они
нужны для установки параметров документа, а их значения принято заключать в кавычки.
Но в то же время если убрать кавычки, то значения всё равно будут работать. Например, атрибут bgcolor="red", используемый
в теге <BODY>, говорит нам о том, что фон нашей Web-страницы будет красный. Если мы уберём кавычки и
напишем bgcolor=red, то всё равно цвет фона документа останется красным. А вот если убрать только одну кавычку, и
оставить другую, то броузер проигнорирует наш атрибут. Поэтому будьте внимательны.
Тег <BODY> имеет следующие атрибуты:
- bgcolor="..." - задаёт цвет фона нашей Web-страницы. Про значения цветов будет сказано далее;
- background="..." - данный атрибут тоже задаёт значение фона, но здесь используются не цвета, а рисунки в
формате *.gif или *.jpg. В кавычках указывается путь к файлу, который будет отвечать за фон страницы.
Если ваша страница и ваш рисунок лежат в одной папке, то достаточно только назвать имя рисунка. Если же нет, то надо указывать
полный путь. При указании пути к файлу, важно учитывать регистр шрифта, иначе ничего может не получиться;
- text="..." - устанавливает цвет текста;
- alink="..." - определяет цвет активной ссылки, то есть той ссылки, на которую вы нажали, но ещё не отпустили кнопку мыши,
или которую вы только что использовали, или используете в данный момент (на слух конечно звучит
трудновато, но после того, как вы попробуете на практике данный атрибут, всё станет ясным);
- link="..." - определяет цвет не просмотренной ссылки;
- vlink="..." - определяет цвет просмотренной ссылки;
- topmargin="..." - устанавливает границу верхнего поля;
- leftmargin="..." - граница левого поля;
- rightmargin="..." - граница правого поля;
- bgproperties="fixed" - данный атрибут со значением fixed говорит броузеру не прокручивать фоновое изображение
вместе с текстом;
- onload="..." - определяет те действия броузера, которые должны произойти после загрузки документа из сети.
Например (результат на рис. 2):
<HTML>
<HEAD>
<TITLE>Пример 1</TITLE>
</HEAD>
<BODY background="Sky.JPG" text="red" topmargin="50" leftmargin="30"
rightmargin="30">
В данном примере мы используем в теге <BODY> атрибут background="...";
с указанием названия картинки, которая в данный момент находится в той
же папке, что и сам *.html документ. Затем мы используем атрибут text="...",
который задаёт цвет текста. Так как его значение RED, то мы видим красный
цвет. Также мы наблюдаем отступ сверху, и по краям, благодаря параметрам
topmargin="...", leftmargin="...", rightmargin="..." со значением в 50 и 30
пикселей.
</BODY>
</HTML>
рис. 2. Использование атрибутов <BODY>.
Предыдущая страница
Следующая страница
Вы можете свободно использовать фрагменты сайта, с условием размещения
ссылки на наш сайт:
<a href="http://tri222.narod.ru"><b>Самоучитель
по созданию Web-страниц.</b></a>
Copyright © 2008 "tri222.narod.ru"
Вопросы и свои предложения вы можете отправлять на tri222@yandex.ru |