Разработка Web-страницы с использованием языка разметки гипертекста HTML: Форматирование текста на Web-странице.
Форматирование текста
С помощью специальных тегов можно задать различные параметры форматирования текста.Шрифт
С помощью тэга FONT и его атрибутов face (гарнитура шрифта), size (размер шрифта от 1 до 7), color (цвет шрифта:можно задавать названием цвета "green", либо его шестнадцатеричным значением "#00ff00") можно задать параметры форматирования текста.
Пример: Заключите в текстовом редакторе Блокнот слово Привет! в тег FONT с атрибутами
<FONT face="Arial" size="4" color="green"> Привет! </FONT> или
<FONT face="Arial" size="4" color="#00ff00"> Привет! </FONT>
На экране web-страницы вы увидите следующее:
Заголовки
С помощью тэгов H1, H2,...,H6 и атрибута align (выравнивание: left, right, center) задается размер шрифта заголовков и их расположение.
Пример: Заключите в текстовом редакторе Блокнот заголовок "Тема: Системы счисления". в теги H1,...,H6 с атрибутами align ="left", align ="right", align ="center"
<H1 align ="left"> Тема: Системы счисления</H1>
<H2 align ="left"> Тема: Системы счисления</H1>
<H3 align ="left"> Тема: Системы счисления</H1>
<H4 align ="left"> Тема: Системы счисления</H1>
<H5 align ="left"> Тема: Системы счисления</H1>
<H6 align ="left"> Тема: Системы счисления</H1>
<H1 align ="righ"> Тема: Системы счисления</H1>
<H1 align ="center"> Тема: Системы счисления</H1>
На экране web-страницы вы увидите следующее:
К заголовкам также можно применять тэг <font.
Пример: Заголовок сисним цветом, выровненого по центру можно задать следующим образом:
<FONT color="blue">
<h2 align="center"> Все о компьютерах</h1>
</FONT>
На экране выглядит так:
Все о компьютерах |
Абзацы
Разбиение текста на абзацы производится с помощью парного тэга <P>...</P> с атрибутом align (выравнивание: left - по левой границе, right - по правой границе, center - по центру, justify - по ширине).
Пример:
<p align="justify">Система счисления или нумерация - это способ записи (обозначения) чисел.Символы, при помощи которых записываются числа, называются цифрами, а их совокупность - алфавитом системы счисления. Количество цифр, составляющих алфавит, называется его размерностью.</P>
На экране web-страницы вы увидите следующее:
Система счисления или нумерация - это способ записи (обозначения)чисел.Символы, при помощи которых записываются числа, называются цифрами, а их совокупность - алфавитом системы счисления. Количество цифр, составляющих алфавит, называется его размерностью. |
Стили оформления
Существует несколько стандартных стилей оформления текста: жирный, курсив, зачеркнутый, подчеркнутый, верхний индекс и нижний индекс.
Это парные тэги:
- <B>...</B> (от английского bold), а так же <STRONG> — это жирный текст
- <I>...</I> (от английского italic), а так же <EM> — это курсив
- <S>...</S> (от английского strike out) —
это зачеркнутый текст - <U>...</U> (от английского underline) — это подчеркнутый текст
- <SUP>...</SUP> (от английского superscript) — это верхний индекс
- <SUB>...</SUB> (от английского subscript) — это нижний индекс
Текст, заключается между открывающим и закрывающим тэгами.
Если вы хотите например, сделать стиль текст одновременно жирный и курсив, то используют принцип вложения "матрешки":<B><I> Компьютер</I></B>
Так выглядит на web-странице:
Компьютер