Партнерка на США и Канаду по недвижимости, выплаты в крипто
- 30% recurring commission
- Выплаты в USDT
- Вывод каждую неделю
- Комиссия до 5 лет за каждого referral
<HEAD>
<TITLE> Пример 5</TITLE>
</HEAD>
<!-- Цвет: текста - синий, фона - светло-синий: -->
<BODY TOPMARGIN=50 LEFTMARGIN=100 TEXT=blue BGCOLOR= #E0E0FF>
Привет! Это моя домашняя страничка!
<H1 ALIGN=center>Моя страна</H1>
<H2 ALIGN=center>Мой город</H2>
<H3 ALIGN=center>Моя школа</H3>
</BODY>
</HTML>
5. 3адание размера шрифта
Для задания размера шрифта на Web-странице используется параметр SIZE тэга-контейнера <FONT>. . . </FONT>.
Текст, указанный между тэгами <FONT> и </FONT> будет иметь требуемый размер. Размер текста, следующего дальше, будет определяться значением парамета TEXT тэга <BODY> или будет браться по умолчанию.
Значения параметра SIZE задаются не в пунктах (1 пункт равен 1/72 дюйма), а в относительных единицах от 1 до 7. Соотношение между этими единицами и пунктами приведено в таблице 2.
Таблица 2 | |
Относительные | Пункты (pt) |
1 | 9 |
2 | 10 |
3 | 12 |
4 | 14 |
5 | 18 |
6 | 24 |
7 | 36 |
Например,
<FONT SIZE=5> Размер шрифта 18 pt </FONT>
Можно поступить и так: задать с помощью тэга <BASEFONT> с параметром SIZE базовый размер шрифта. А затем с помощью тэга <FONT> с параметром SIZE, который принимает значения от -4 до +4, изменить базовый размер на необходимую величину.
Например,
<BASEFONT SIZE=4>
<FONT SIZE=+2> Размер шрифта 24 pt </FONT>
С помощью тэгов-контейнеров <BIG> . . . </BIG> и <SMALL> . . . </SMALL> можно задать текст соответственно большого и малого размера, не указывая конкретно величину шрифта. Эту величину задает сам браузер.
6. 3адание шрифта по имени
Поскольку неизвестно, какой тип шрифтов использует браузер на стороне пользователя, можно с помощью параметра FACE тэга <FONT> явным образом указать тип шрифта по имени.
В одном параметре FACE можно указать несколько типов шрифтов, которые перечисляются через запятую:
<FONT FACE="Arial Cyr, Arial, Helv DL"> Шрифт гельветика
Если на стороне пользователя установлен первый из указанных шрифтов - Arial Cyr, то строка "Шрифт гельветика" будет отображаться на экране с использованием именно этого шрифта. Иначе будет сделана попытка отобразить строку шрифтом Arial, а затем - Helv DL. Если окажется, что в системе пользователя нет ни одного из перечисленных шрифтов, строка будет отображена тем шрифтом, который установлен в браузере для использования по умолчанию.
Значения параметра FACE взяты в двойные кавычки, поскольку имена шрифтов содержат пробелы. Но в HTML не будет ошибкой указывать значения любого параметра в кавычках. Поэтому, если есть сомнения в задании значений параметров, лучше указать их в кавычках.
Пример 6:
<HTML>
<HEAD>
<TITLE> HTML: выравнивание текста, задание цвета, размера и типа шрифта</TITLE>
</HEAD>
<!-- Цвет текста: синий, фона - светло-синий: -->
<BODY TOPMARGIN="50" TEXT=blue BGCOLOR= #E0E0FF>
<H1 ALIGN=center>ЗАГОЛОВОК 1 УРОВНЯ</H1>
<P ALIGN=right>
<FONT COLOR=red> <SMALL> Текст маленького размера (SMALL) красного цвета выравнен по правому краю экрана </SMALL> </FONT>
<P> Выравнивание текста, размер (12 pt) и тип шрифта, заданы по умолчанию
<P ALIGN=justify> <FONT SIZE=6 COLOR=#FF00FF
FACE="Courier, Courier New Cyr, Courier New"> Текст выравнен по ширине экрана с использованием шрифта Courier лилового цвета размером 24 pt </FONT>
</BODY>
</HTML>
7. Форматирование символов
В HTML существует физическое и логическое форматирование символов.
Тэги-контейнеры физического форматирования символов определяют внешний вид символов явным образом:
· <B> . . . </B> - выделяет текст жирным шрифтом;
· <I> . . .</I> - выделяет текст наклонным шрифтом (курсивом);
· <U> . . .</U> - выделяет текст подчеркиванием;
· <STRIKE> . . .</STRIKE> - выделяет текст перечеркиванием;
· <TT> . . .</TT> - задает текст с фиксированной шириной символов (например, листинги программ);
· <SUB> . . .</SUB> - указывает подстрочный (нижний) индекс;
· <SUP> . . .</SUP> - указывает надстрочный (верхний) индекс;
· <BLOCKQUOTE> . . . </BLOCKQUOTE> - задает левое поле;
· <PRE> . . . </PRE> - (preformatted - предварительно отформатированный): выводит текст на экран с отработкой всех знаков пробелов, табуляции, перевода строки и новой строки.
Тэги-контейнеры логического форматирования символов указывают участки текста, различаемые по смысловому содержанию, способ выделения которых на экране определяет сам браузер:
· <CITE> . . . </CITE> - цитата;
· <EM> . . . </EM> - (emphasis - ударение) текст, имеющий большое значение;
· <STRONG> . . . </STRONG> - (сильный) сильное выделение текста;
· <SAMP> . . . </SAMP> - (sample - образец) образец сообщений, выводимых на экран;
· <KBD> . . . </KBD> - (keyboard - клавиатура) текст, вводимый с клавиатуры;
· <CODE;> . . . </CODE> - (code - код) фрагмент исходного текста;
· <VAR> . . . </VAR> - (variable - переменная) имя переменной.
Пример 7:
<html>
<head>
<title>Пример 7</title>
</head>
<body>
<p>a<sup>2</sup>+b<sup>2</sup> = c<sup>2</sup> - теорема <strong>Пифагора</strong>.</p>
<p>H<sub>2</sub>O - <B><I>химическая формула воды </I></B>.</p>
</body>
</html>
На Web-страницах иногда указывают аббревиатуру некоторого термина или понятия без его раскрытия, например, "ОЗУ" вместо "Оперативное запоминающее устройство". Чтобы поисковые системы в сети Internet могли осуществлять поиск термина не только по его аббреавитуре, но и по полному обозначению, а также в качестве подсказки для пользователя Web-страницы, используется тэг-контейнер <ACRONYM> аббревиатура </ACRONYM>с параметром TITLE, который раскрывает значение используемой аббревиатуры.
8. Вставка специальных символов
В HTML предусмотрено четыре специальных символа, предназначенных для служебных целей (для выделения тэгов и значений их параметров). Это символы <, >, & и ". Они интерпретируются браузером по особому и требуют замены для их включения в текст, в качестве обычных символов. Замена требуется и для представления символов права © и регистрации ®. В таблице 3 приведены эти замены.
Таблица 3 | |
Символ | Замена |
< | < |
> | > |
& | & |
" | " |
© | © |
® | © |
В общем случае в HTML-документ можно вставить любой символ, зная его ASCII-код. Для этого вместо символа подставляется такая последовательность символов: &#XX, где XX - десятичное значение ASCII-кода символа.
К специальным символам можно отнести и символ "неустранимого пробела" - (no breaking space). Эти символы используются тогда, когда необходимо поместить на Web-странице несколько пробелов подряд, поскольку браузеры заменяют последовательности подряд идущих пробелов в HTML-документе одним пробелом при выводе документа на экран.
9. Выделение текста горизонтальной линией
При оформлении Web-страниц часто используется такой прием, как разделение параграфов текста или других его частей горизонтальной линией.
Для того, чтобы вставить в HTML-документ горизонтальную разделительную линию необходимо использовать одиночный тэг <HR>. Он имеет несколько параметров, которые задают внешний вид линии:
· ALIGN - определяет выравнивание линии и имеет такие значения:
o left - по левому краю;
o right - по правому краю;
o center - по центру (задан по умалчанию).
· COLOR - задает цвет линии.
· NOCHADE - если указан этот параметр, линия изображается без тени.
· SIZE - высота линии в пикселях.
· WIDTH - ширина линии, может выражаться либо в пикселях, либо в процентах (%) от величины окна браузера.
В примере №3 приведен HTML-документ, осуществляющий физическое и логическое форматирование символов на Web-странице, разделенных горизонтальной линией:
Пример 8:
<html>
<head>
<title>Пример 8</title>
</head>
<body>
Обычная линия
<hr>
Линия по центру длиной 50% от ширины блока, толщина линии 2
<hr align="center" size=2 width=50%>
|
Из за большого объема этот материал размещен на нескольких страницах:
1 2 3 4 5 6 7 |


