|
Написание текста
Текст - это основной источник передачи информации на веб-странице. Для
веб-страницы присуще два момента. Шрифт видимый и шрифт не видимый. Не видимым
шрифтом мы пишем теги и выполняем вспомогательные надписи. Размеры определены
по умолчанию и влиять на них мы не можем. А вот на шрифты, которые
отображаются на веб-странице мы влияем устанавливая размеры, жирность, выбираем
тип шрифта, цвет шрифта и т.д.
Все шрифты сведены в так называемые кодовые таблицы. Для России это windows-125
и UTF-8, А так же международная кодовая таблица ISO 8859.
Кроме этого существует понятие стандартных шрифтов. Стандартные шрифты - это
те шрифты, которые поставляются вместе с ОС «Windows»: Arial, Times New
Roman и Courier.
Видимый текст на веб-странице уже появится, если Вы его напишите между тегами
<body> ... </body>. Но он будет мелкий, чёрный. Мало похожий на текст
используемый (применяемый) на блогах и сайтах.
Пишется текст на веб-странице с помощью тега <font>. Так как весь сайт
(блог) состоит из не видимых Пользователю таблиц, то текст пишется между тегами столбца таблицы
<TD> ... </TD>
<![CDATA[ <TD>
<font> - это тег шрифта
</TD>]]>
Теги шрифта имеют параметры:
В теге <font> мы можем писать (или устанавливать) параметры.
<![CDATA[<font size="12px" align="Left" Color="#000000">]]>
где:
1. Font - указывает на шрифт;
2. size="Параметр" - размер шрифта. Значения размеров шрифтов применяемых
на веб-странице приведены нами в таблице ниже;
3. align="Параметр" - определяет выравнивание текста по горизонтали относительно
ширины веб-страницы или ячейки;
"Параметр" может принимать значения: left, center, right, justify, char.
|
|
left
|
- выравнивание содержимого ячеек по левому краю.
|
|
|
center
|
- выравнивание содержимого ячеек по центру ячейки.
|
|
|
right
|
- выравнивание содержимого ячеек по правому краю.
|
|
|
justify
|
- выравнивание по ширине (одновременно по правому и левому краю).
|
|
|
char
|
- выравнивание по указанному символу.
|
4. color="Параметр" - цвет шрифта. Задается RGB-значением в
шестнадцатиричной системе счисления.
См. «Таблица цветов»
Единицы измерения шрифтов
Шрифты измеряются в: см, мм, пунктах (1 пункт равен 1/72 дюйма), дюймах
(1 дюйм равен 2,54 см), пикселах (px), процентах. В текстовом редакторе Word
шрифт измеряется в пунктах. В пунктах он измеряется и на веб-странице. В Word-е
размер шрифта изменяется, как Вы помните от 8 до 72 пунктов. На веб-странице
размер шрифта изменяется от 3 пунктов до 7 и 0 (нуль). Ниже мы привели таблицу пересчёта
пуктов используемых на веб-страницах в пункты программы Word.
Почему пересчёты произведены в пункты программы Word?
Пересчёты в пункты программы Word произвели от того, что Word все знают. И вторая
причина их легко можно определить. Щёлкнул курсорм мыши по тексту и цифра мгновенно
появится в разделе «Шрифт».
Изменение размеров шрифтов
В «Таблице соответствия шрифтов» мы показали, как меняются шрифты
при разных ед.измерения.
Таблица соответствия шрифтов
|
Пункты Веб-страницы
|
Размер в pt
|
Размер в px
|
H6,...,H1
|
Пункты Word
|
|
|
|
|
H6
|
7,5 |
|
size="0"
|
0pt
|
0px
|
H5
|
10 |
|
size="3"
|
2pt
|
2px
|
H4
|
12
|
|
size="4"
|
|
|
H3
|
13,5
|
|
size="5"
|
4pt
|
4px
|
H2
|
18
|
|
size="6"
|
6pt
|
6px
|
H1
|
24
|
|
size="7"
|
14pt
|
12px
|
|
36
|
Пояснение. В тегах H6, ..., H1 заложена жирность и
смещение заголовка от текста. Как правило, теги H6, ..., H1
используют для написанеия заголовков. Но теги H5, H6 как использовать
для заголовка? Не понятно. Каким шрифтом писать текст, если заголовки
написаны размером 10 или 7,5 пунктов по Word-у? На веб-странице самый
мелкий шрифт 3 пункта, что соответствует 12 пунктам по Word-у.
Одной из разновидностью написания текста на веб-странице является
написание заголовка.
Написание заголовка
Нам для «шапки» (верхнего колонтитула) нужно написать название блога.
Название блога будем писать во втором столбце изготовленной нами таблицы.
Название блога выбираем следующее: Блог
«Блоггера Васи».
Нам нужно в ряд написать несколько открывающихся тегов до текста:
<p><B><Center><Font size="7" color="#0000ff">Блог «Блоггера Васи»
После написания заголовка (текста) теги нужно закрыть в обратном порядке.
На закрытие тега указывает / (слеш).
Блог «Блоггера Васи»</Font></Center></B></p>
где:
1. Тег <p> - определяет начало текстового абзаца (блока);
2. Тег <B> - указывает на жирность текста;
3. Тег <Center> - указывает на установку заголовка по центру
веб-страницы или ячейки таблицы по горизонтали;
4. Тег <Font> - указывает на шрифт;
5. size="Параметр" - размер шрифта. Значения размеров шрифтов применяемых
на веб-странице приведены нами в таблице;
6. color="Параметр" - цвет шрифта. Задается RGB-значением в
шестнадцатиричной системе счисления.
Пояснение. Первым пишется тег абзаца <p>, а потом все
остальные теги.
✓✓✓
Здесь расмотрены вопросы написания текста с клавииатуры. А, как поступать, если тех
или иных букв нет на клавиатуре?
На клавиатуре отсутствуют украинские буквы и спец.символы, но мы их всё равно пишем.
См. «Написание украинских букв»
- А спец.символы как отображать на веб-странице? Звёздочки, птички?
- Для отображения спец.символов на веб-странице разработаны специальные кодовые
таблицы.
См. «Отображения спец.символов»
|