![]() |
Итак, вы хотите создать Web-страничку! Урок 2 |
Для того, чтобы вам стало немного более понятно, что происходит; давайте посмотрим, что пишут находится в окружении тегов <BODY>. Теги <HTML>, <HEAD> & <TITLE> мы пропустим. Но вы должны оставить их в своем документе.<BODY>
</BODY>
Напечатайте что-нибудь.
<BODY>
Что-нибудь
</BODY>
![]()
Каждый раз, когда вы что-нибудь меняете в своем документе, вам нужно просто сохранить изменения, а затем нажать кнопку Reload в вашем браузере. Правда, в ряде случаев это не срабатывает... тогда нужно нажать эту кнопку, удерживая клавишу SHIFT: SHIFT-Reload.В первую очередь мы научимся менять цвет фона. Я думаю, вы согласитесь со мной, что белый цвет довольно скучен. (Заметьте, белый цвет не всегда является цветом фона по умолчанию.)
<BODY BGCOLOR="#00FFFF">
Что-нибудь
</BODY>
00FFFF соответствует голубому цвету. Здесь вы можете узнать о цветах немного больше.
![]()
Если выбранному для фона цвету не соответствует какой-либо из цветов, имеющихся в Netscape, браузером обычно автоматически выбирается цвет, наиболее близкий к указанному.Вы можете вместо цвета задать рисунок фона.
<BODY BACKGROUND="swirlies.gif">
Что-нибудь
</BODY>
Вот рисунок фона: Вы можете найти этот рисунок (swirlies.gif) в папке pics.Очевидно, что рисунок копируется, чтобы он заполнил все окно. С помощью рисунков можно создавать подобные эффекты...
<BODY BACKGROUND="bluebar.gif">
Что-нибудь
</BODY>
Вот рисунок фона:
(Вообще-то его размер 800x2, но здесь он сжат до размера 530x2, чтобы он поместился на экран целиком)Давайте вернемся к белому фону.
<BODY BGCOLOR="#FFFFFF">
Что-нибудь
</BODY>
![]()
Мы можем делать шрифт жирным.
<BODY BGCOLOR="#FFFFFF">
Что-<B>нибудь</B>
</BODY>
Мы "говорим" браузеру: после тега <B> шрифт должен быть жирным, а после тега </B> шрифт должен перестать быть жирным.
Что-нибудь По точно такому же принципу шрифт становится курсивом...
<BODY BGCOLOR="#FFFFFF">
<I>Что-</I> <B>нибудь</B>
</BODY>
Что-нибудь ...и подчеркнутым.
<BODY BGCOLOR="#FFFFFF">
<U>Подчеркнутый</U> <I>курсив</I> <B>жирный</B>
</BODY>
Подчеркнутый курсив жирный Мы можем использовать комбинации тегов если это необходимо.
<BODY BGCOLOR="#FFFFFF">
Что-<I><B>нибудь</B></I>
</BODY>
Это пример вложенных тегов. Если вы будете использовать комбинации тегов (что вы будете делать, скорее всего, часто), для избежания ошибок они не должны пересекаться:
Что-нибудь <THIS><THAT></THIS></THAT> Пересекающиеся теги... Плохо!
<THIS><THAT></THAT></THIS> Вложенные теги... Хорошо!
Очень полезно использовать эффект, который называется "mono-spaced font", или "Typewriter Text" - эффект печатной машинки (машинный шрифт).
<BODY BGCOLOR="#FFFFFF">
<TT>Что-нибудь</TT>
</BODY>
![]()
Размеры всех букв по горизонтали совпадают.
Это обычный шрифт -> iiiiiiiiii
oooooooooo
mmmmmmmmmmШрифт печатной машинки -> iiiiiiiiii
oooooooooo
mmmmmmmmmmМы можем менять и размер шрифта... Это просто!
Сначала добавьте теги <FONT>...
<BODY BGCOLOR="#FFFFFF">
Что-<FONT>нибудь</FONT>
</BODY>Затем определите аттрибут SIZE.
<BODY BGCOLOR="#FFFFFF">
Что-<FONT SIZE=6>нибудь</FONT>
</BODY>
Существует 7 размеров шрифта:
Что-нибудь
крошечный | маленький | обычный | средний | большой | еще больше | огромный! |
1 | 2 | 3 | 4 | 5 | 6 | 7 |
Сейчал необходимо обсудить две вещи. Во-первых, тег <TAG> "говорит" браузеру ЧТО сделать. Аттрибут ATTRIBUTE входит в состав тега <TAG> и "говорит" браузеру, КАК это сделать.
Во-вторых, необходимо остановиться на установках по умолчанию. Как вы, возможно, знаете, значение по умолчанию - это значение, которое использует браузер, если не оговорено что-либо другое. Хорошим примером является размер шрифта. Размер шрифта по умолчанию равен 3. Если вы ничего не указываете, то он будет равен 3. И даже если вы отчаянно жестикулируете перед монитором, размер шрифта все равно будет равен 3.Каждый браузер имеет установки по умолчанию - шрифт, его размер и цвет. По умолчанию в браузере Netscape указан шрифт Times New Roman 12pt (что соответствует 3 для вашего удобства), цвет шрифта - черный. Но мы можем указать другой тип шрифта. Например, ARIAL или COMIC SANS.
<BODY BGCOLOR="#FFFFFF">
Что-<FONT FACE="ARIAL">нибудь</FONT>
</BODY>
Однако, вы увидите шрифт на экране только в том случае, если он у вас установлен. Иначе вы будете видеть тот шрифт, который у вас установлен. Так что будьте сдержаны, используя различные шрифты. Arial и Comic Sans MS довольно широко распространены. Так же, как и Impact!. Ваши шансы на успех увеличатся, если вы укажете несколько шрифтов. (Такая возможность действительно существует!). для этого нужно написать: <FONT FACE="ARIAL, HELVETICA, LUCIDA SANS">Hidee Ho</FONT>.
Что-нибудь
Сначала браузер ищет ARIAL. Если он его находит - он его использует. Если шрифт не найден, браузер переходит к следующему: HELVETICA. Если и этот шрифт браузер не может найти, он ищет следующий: LUCIDA SANS. Если и его нет, только тогда браузер использует шрифт, который задан по умолчанию.Теперь самое время заняться синтаксисом. Вы уже заметили, как часто приходится использовать угловые скобки для обозначения тегов. Если пропущена или неправильно поставлена одна из скобок - не важно, какая, или пропущен пробел, браузер может выдать ошибку, и ваша страничка загружена не будет. Важным моментом является использование ЗАГЛАВНЫХ БУКВ для большинства тегов. Это не является обязательным условием, но такой стиль записи является, пожалуй, наиболее удобным. Если использовать заглавные буквы в тегах, они становятся более заметными. Хотя вы можете писать используя <font> вместо <FONT>. Вы даже можете писать <fOnT>, если вам так удобнее.
Вы можете сами задавать цвет шрифта.Полный перечень цветов, используемых Netscape, можно посмотреть здесь.
<BODY BGCOLOR="#FFFFFF">
Что-<FONT COLOR="#FF0000">нибудь</FONT>
</BODY>
Что-нибудь Конечно же, мы можем задавать больше одного аттрибута ATTRIBUTE в теге <TAG>...
<BODY BGCOLOR="#FFFFFF">
Что-<FONT COLOR="#FF0000" FACE="ARIAL" SIZE="7">нибудь</FONT>
</BODY>
Что-нибудь <BODY BGCOLOR="#FFFFFF">
Что-<U><I><B><FONT COLOR="#FF0000" FACE="ARIAL" SIZE="7">нибудь</FONT></B></I></U>
</BODY>
Необходимо еще раз подчеркнуть, что теги должны быть вложенными.
Что-нибудь
<TAG3><TAG2><TAG1>Привет!</TAG1></TAG2></TAG3> Не важно, какой тег идет первым. Для того, чтобы сделать текст красным и жирным, вовсе не обязательно сначала делать одно, а потом - другое. Действия можно осуществлять в любой последовательности, например:
<TAG2><TAG1><TAG3>Привет!</TAG3></TAG1></TAG2> Самый простой способ получить не то, что хотелось - забыть о том, что теги не должны пересекаться...
<TAG3><TAG2><TAG1>Привет!</TAG3></TAG1></TAG2>
Еще один пример, и мы закончим этот урок. В браузере есть установки по умолчанию для цвета текста, цвета ссылок, цвета активных и посещенных ссылок, а также для цвета фона. По умолчанию
Вы можете это изменить при необходимости. (Заметьте - при необходимости). Все слова, которые относятся к ссылкам, выделяются голубым цветом. Зачем вводить людей в заблуждение?
текст - черного цвета
ссылки - голубые
активные ссылки - красные
посещенные ссылки - фиолетовые
Вы можете изменить установки по умолчанию для всего документа целиком в самом его начале - в теге <BODY>.<BODY BGCOLOR="#00000" TEXT="#FFFF00" LINK="#FF0000" VLINK="#800000" ALINK="#008000">
Что-нибудь
</BODY>
Что-нибудь
Мы пока что не рассматривали, как создавать ссылки. Пока это не является нашей основной целью. Наша цель - показать, как менять цвета, когда вы будете узнаете, как делать ссылки.
Вы видите, что теперь цвет фона - черный, а текст - желтый.
Ссылки теперь красные;
Ссылки, которые мы посетили - темнокрасные;
А активные ссылки - зеленые.
Теперь вы знаете почти все про работу с текстом в гипертекстовом документе. Теперь вы можете сделать Большие красные буквы или маленькие жирные буквы. Вы можете использовать другие шрифты, или шрифты печатной машинки.
Вы даже можете сделать бегущую волну!Код для бегущей волны находится здесь, если вы хотите его посмотреть.
<--Назад Дальше-->
Введение | Урок 1 | Урок 2 | Урок 3 | Урок 4 | Урок 5 | Урок 6 | Содержание |