Можно задавать начертание (гарнитуру) шрифта, которым текст будет выводиться на экран с помощью атрибута FACE в теге FONT:
<FONT FACE= [название шрифта]>, при этом браузер отобразит текст указанным шрифтом.
Следует сделать замечание о типах шрифтов, используемых на страницах Web. Существует несколько типов шрифтов.
§ Рубленый шрифт (без засечек) — по умолчанию Arial или Helvetica. Семейство обозначается sans-serif.
§ Шрифт с засечками — это шрифты вроде Times New Roman, обозначается serif. Засечки придают горизонтальную устойчивость тексту, делая его более легким для чтения. Шрифт без засечек труден для чтения, особенно, если он мелкий. В этом случае необходимо увеличивать расстояние между строками.
§ Моноширинный шрифт — типа Courier New, он имеет одинаковую ширину букв и похож на шрифт печатной машинки, обозначается monospace.
§ Шрифт, имитирующий рукопись, обозначается cursive, например, French Script MT.
§ Декоративный шрифт, обозначается fantasy, например, Braggadocio.
Работа с таблицами
Для чего нужны таблицы?
На этот вопрос есть очевидный ответ: таблицы нужны для представления информации в табличном виде. Есть, однако, и менее очевидные ответы. До настоящего времени мы имели дело с документами, в которых существовал только один "блок" текста. На практике иногда очень хочется расположить текст в несколько колонок. Таблица может в этом помочь.
Очень часто на практике таблицы используются не в привычных для нас случаях, а, например, для размещения на страничке рисунков и текста в том виде, в котором страница будет выглядеть одинаково на экранах монитора с разным разрешением. Это достигается особым свойством таблиц растягивать длину и ширину ячейки по величине самого большого содержимого ячейки. Другими способами организовать так страничку, чтобы она одинаково выглядела для различных пользователей, довольно сложно. Кроме того, таблица, состоящая из одной ячейки, может очень эффектно выделить фрагмент текста, на который Вы хотите обратить внимание читателя.
Описание таблицы
Таблица начинается с тега <TABLE> и заканчивается тегом </TABLE>. Тег <TABLE> может включать несколько атрибутов:
ALIGN
Выравнивание таблицы по отношению к краям документа. Допустимые значения:
ALIGN='LEFT' (выравнивание влево),
ALIGN='CENTER' (выравнивание по центру),
ALIGN='RIGHT' (выравнивание вправо).
WIDTH
Ширина таблицы. Ее можно задать в пикселах (например, WIDTH=400) или в процентах от ширины страницы (например, WIDTH=80%).
BORDER
Устанавливает ширину внешней рамки таблицы и ячеек в пикселах (например, BORDER=4). Если атрибут не установлен, таблица показывается без рамки. Это как раз тот самый случай, когда с помощью таблицы формируют внешний вид странички.
CELLSPACING
Устанавливает расстояние между рамками ячеек таблицы в пикселах (например, CELLSPACING=2).
CELLPADDING
Устанавливает расстояние между рамкой ячейки и текстом в пикселах (например, CELLPADDING=10).
BACKGROUND
Задает URL фонового рисунка для таблицы.
BORDERCOLOR
Задает цвет рамки.
Описание строки таблицы
Каждая строка таблицы начинается с тега <TR> и заканчивается тегом </TR>. Между этими тегами должна быть хотя бы одна ячейка. Тег <TR> может включать следующие атрибуты:
ALIGN
Устанавливает выравнивание текста в ячейках строки. Допустимые значения: ALIGN=LEFT (выравнивание влево),
ALIGN=CENTER (выравнивание по центру),
ALIGN=RIGHT (выравнивание вправо).
VALIGN
Устанавливает вертикальное выравнивание текста в ячейках строки. Допустимые значения:
VALIGN=TOP (выравнивание по верхнему краю),
VALIGN=MIDDLE (выравнивание по центру),
VALIGN=BOTTOM (выравнивание по нижнему краю).
BACKGROUND
Задает URI фонового рисунка для строки.
BORDERCOLOR
Задает цвет рамки.
Описание ячейки таблицы. Объединение ячеек
Каждая ячейка таблицы начинается с тега <TD> и заканчивается тегом </TD>. Тег <TD> может включать следующие основные атрибуты:
NOWRAP
Запрещает перенос строк.
COLSPAN
Устанавливает протяженность ячейки по горизонтали. Например, COLSPAN=3 означает, что ячейка простирается на три колонки.
ROWSPAN
Устанавливает протяженность ячейки по вертикали. Например, ROWSPAN=2 означает, что ячейка занимает две строки.
ALIGN
Устанавливает выравнивание текста в ячейке. Допустимые значения: ALIGN=LEFT (выравнивание влево), ALIGN=CENTER (выравнивание по центру), ALIGN=RIGHT (выравнивание вправо).
VALIGN
Устанавливает вертикальное выравнивание текста в ячейке. Допустимые значения: VALIGN=TOP> (выравнивание по верхнему краю), VALIGN=MIDDLE (выравнивание по центру), VALIGN=BOTTOM (выравнивание по нижнему краю).
WIDTH
Устанавливает ширину ячейки в пикселах (например, WIDTH=200).
HEIGHT
Устанавливает высоту ячейки в пикселах (например, HEIGHT=40).
BACKGROUND
Задает URL фонового рисунка для ячейки.
BACKGROUND
Задает фоновый цвет ячейки.
BORDERCOLOR
Задает цвет рамки ячейки.
Если ячейка таблицы пуста, вокруг нее не рисуется рамка. Если ячейка пуста, а рамка нужна, в ячейку можно ввести символьный объект (non-breaking space — неразрывный пробел). Ячейка по-прежнему будет пустой, а рамка вокруг нее будет. Для лучшего форматирования таблицы все же полезно создать рисунок с прозрачным фоном самого маленького размера, а затем вставлять в те ячейки, что должны быть пустыми, указывая нужные размеры. Любопытно отметить, что любая ячейка таблицы может содержать в себе другую таблицу.
Списки в таблице
Очень легко вставлять списки в таблицы, если это прибавляет наглядности Вашей информации. Просто в одной или более ячейках вы пишете не простой текст, а составляете список по знакомым вам правилам, используя известные теги <UL> <OL> <LI>.
Ссылки
Ссылки — это основа гипертекста. Именно наличием ссылок HTML отличается от других языков разметки, например, от PostScript. Ссылки состоят из двух частей — вызывающей (источника) и направления, или места назначения. Таковыми может быть иной гипертекстовый документ, рисунок, архив, либо какой-либо элемент внутри гипертекстового документа. В языке HTML для создания гиперссылок используется элементы A, LINK и BASE.
