 |
Title— всплывающая подсказка, которая появляется при наведении мыши на заголовок.
|
|
|
|
Link— цвет еще неиспользованной (непросмотренной) ссылки (по умолчанию синий).
Vlink— цвет уже использованной (просмотренной) ссылки.
Alink— цвет гиперссылок при нажатии.
Допустим, нам нужно, чтобы цвет еще неиспользованных ссылок был красным(#FF0000), а уже нажатых — синим(#0000FF). Сделать это можно так:
< BODY link="#FF0000" vlink="#0000FF">< /BODY>
Думаю, вы уже заметили, что атрибутов в теге может быть как один, так и несколько сразу. А может и ни одного, в этом случае браузер будет использовать настройки по умолчанию.
В следующем примере мы создадимhtml-страницу с черным фоном, зеленым текстом, неиспользованные ссылки — красные, а посещенные — синие. Всё это можно создать так:
< HTML>
< HEAD>
< /HEAD>
< BODY bgcolor="#000000" text="#008000" link="#FF0000" vlink="#0000FF">
< /BODY>
< /HTML>
Наберите этотhtml-код в любом текстовом или визуальном редакторе. Между тегами< BODY>и< /BODY>вставьте любой текст, сохраните этот файл под любым именем, но обязательно с расширениемhtml. А затем откройте его в браузере и наслаждайся открывшейся вам картиной.
Помимо собственных атрибутов (атрибуты, которые используются только в этом теге) в тегеBODYможно применять атрибуты и других тегов. О них вы узнаете позже. Пока же советую поэкспериментировать с полученными знаниями. Только на практике вы увидите результаты этих знаний и поймёте, как это работает. И только поняв и запомнив, как атрибуты тегаBODYиспользуются для созданияhtml-страницы, переходите к следующей главе, в которой мы поговорим о форматировании текста вHTML.
Теги для форматирования текста в HTML:
Основным способом подачи информации на большинстве сайтов является текст. Это означает, что создать свой сайт можно при умении, как минимум - читать, а как максимум — писать. Если вы последовали моим рекомендациям в предыдущей части и поэкспериментировали с цветом фона, текста и т.д., то уже должны знать, что простой, не отформатированный текст можно добавить вhtml-страницу, просто поместив его между тегами< BODY>и< /BODY>. Но такой текст не всегда удовлетворяет задумке создателя сайта и возникает необходимость какую-то часть текста выделить или применить форматирование текста для подчеркивания смыслового наполнения. Самое главное тут соблюдать меру и следить за тем, чтобы все было уместно и по делу. Ну что же, рассмотрим наиболее часто используемые теги для форматирования текста и их атрибуты.
|
|
|
Здесь нужно коротко упомянуть о том, что такое текст в «электронном» виде. Я скажу лишь о том, как связаны форматирование текста вhtmlи редактирование этого текста в текстовых редакторах. Допустим, вы набрали текст в редакторе, произвели его форматирование: выделили какие-то слова жирным или курсивом, либо сделали с текстом что-то еще, затем скопировали его и вставили в кодhtml. ОткрываетеhtmlM-страницу в браузере, а всё ваше форматирование куда-то исчезло. Происходит это потому, что текстовый редактор для форматирования текста применяет свои спецсимволы, которые вы по умолчанию не видите. В окне редактора вы видите только текст, а на самом деле там есть еще управляющие спецсимволы, с помощью которых редактор «понимает», как ему отображать тот или иной кусок текста. Вообще-то существует способ перенести текст из редактора вhtml-код в исходном виде. И раз уж об этом зашла речь, то форматирование текста и начнем изучать с этого тега.
Самыми популярными тегами для форматирования текста являются:
< strong>< /strong >— используется для выделения текста полужирным.
< em>< /em>— используется для получения курсивного текста.
|
|
|
< U>< /U>— позволит подчеркнуть текст.
< STRIKE>< /STRIKE>— делает текст перечеркнутым.
< SUB>< /SUB>— предназначен для выделения подстрочного текста (нижний индекс). Этот тег может быть полезен для записи химических формул:H2O.
< SUP>< /SUP>— нужен для выделения надстрочного текста (верхнего индекса). Например, для записи возведения в степень:(a+b)2.
Все эти теги для форматирования текста можно использовать как по одному, так и несколько вместе.
Расположить блоки текста (абзацы) наhtml-странице можно с помощью тега< P>. Этот тег приводит к вставке одной пустой строки и размещает находящийся за ним видимый элементhtml-страницы в следующей строке.
Использовать закрывающий тег< /P >не обязательно, т.к. браузер считает, что начало следующего абзаца означает конец предыдущего. У этого тега есть необязательный атрибутalignс возможными значениямиcenter,left,rightиjustify, который выравнивает текст абзаца по центру, по левому краю, по правому краю и одновременно по двум краям соответственно. Например,html-код
< p align="center"> текст < /p>
разместит текст по центру.
Если нужно обеспечить переход на новую строку без вставки пустой строки, то используется тег< BR>. У< BR>нет закрывающего тега. Вы уже наверное догадались, что для вставки нескольких пустых строк, нужно записать тег< BR>несколько раз подряд.
Визуально разделить части текста можно еще при помощи тега< HR>. Этот тег создает на странице разделительную полосу. ТегHRимеет следующие атрибуты:
size— толщина полосы;
width— ширина полосы;
align— выравнивание;
color— цвет полосы;
noshade— атрибут, не имеющий значений. Если указан, то создается сплошная черная полоса без тени.
Например,html-код:
< hr align="center" size="5" width="50%" color="#000000">
в браузере примет вид:
Ширину и толщину можно указывать как в пикселях (тогда величина будет постоянной), так и в процентах (тогда величина будет меняться в зависимости от разрешения экрана).
Для задания названий разделов и подразделов используются теги заголовков. Существуют шесть уровней заголовков и обозначаются они так: < H1>< /H1>, < H2>< /H2>, < H3>< /H3>, < H4>< /H4>, < H5>< /H5>, < H6>< /H6>.
Заголовки выделяются полужирным шрифтом и отделяются от остального текста пустой строкой. Самый крупный заголовок< H1>< /H1>, а самый маленький< H6>< /H6>.
|
|
|
Теги заголовков имеют атрибуты:
align— выравнивание на странице, как вы уже знаете;
title— всплывающая подсказка, которая появляется при наведении мыши на заголовок.
Для форматирования непосредственно шрифтов, вHTMLесть тег< FONT>< /FONT>. У этого тега существуют следующие атрибуты:
color— цвет шрифта;
face— гарнитура шрифта;
size— размер шрифта. Может быть задан абсолютным(от 1 до 6)либо относительным значением(от +1 до +6 и от -1 до -6). По умолчанию размер шрифта3. Если указать< font size="+1">< /font>, то текст, размещенный между тегами< font>и< /font>, будет отображаться увеличенным на1по сравнению с другим текстом. Аналогично и с-1, только уменьшенным на1.
Создать список вHTMLможно с помощью тегов< OL>< /OL>и< UL>< /UL>. В первом случае создается упорядоченный (нумерованный) список, во втором неупорядоченный (маркированный). Каждый элемент списка выделяется тегом< LI>< /LI>. Браузер отображает элементы списка с новой строки в виде столбца с отступом и маркерами. Вид маркера определяется атрибутом type. В нумерованном (упорядоченном< OL>) списке маркеры (значения атрибутаtype) такие:
1— нумерация арабскими цифрами (по умолчанию);
A— большими латинскими буквами по алфавиту;
a— маленькими латинскими буквами;
I— большими римскими цифрами;
|
|
|
