сайт школы №127 - Web-страница

Информация

Школа сегодня

Важно и полезно

Памятки и рекомендации
Важные телефоны

Ваше мнение

Ваше мнение формирует официальный рейтинг организации

Анкета доступна по QR-коду, а также по прямой ссылке
https://bus.gov.ru/qrcode/rate/369884

Общение

Питание

Организация питания

Навигатор Детства

Школьная группа ВК

Большая перемена

Госуслуги

Статистика

Web-страница_2

Разработка 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-странице:
Компьютер

Web-страница_2

Разработка Web-страницы с использованием языка разметки гипертекста HTML: Форматирование текста на Web-странице.

Форматирование текста

Все о компьютерах

Все о компьютерах