Ранее мы сделали структуру своей первой страницы. Но там нет ни отступов ни абзацев, ни одно слово не выделено ни по цвету, ни по размеру шрифта, ни по стилю (полужирный, курсив итд ).

Основными элементами форматирования текста в html являются:

  Применяется для разбивания текста на параграфы
Атрибуты: ALIGN - определяет способ горизонтального выравнивания параграфа .
Возможные значения: left, center, right, justify. Это соответственно по левому краю, по центру, по правому краю, и по ширине. По умолчанию имеет значение left.

примеры

<p align="center"> Данный текст в центре </p>
<p align="left"> Данный текст по левому краю</p>
<p >
Этот текст тоже по левому краю (т.к. по умолчанию) </p>

<p align="right"> Данный текст по правому краю</p>

 

H1,H2,…H6   Применяются для создания заголовков 1,2...6 уровней

Атрибуты:

ALIGN - определяет способ горизонтального выравнивания заголовков.
Возможные значения: left, center, right .По умолчанию - left.

 

примеры

<h1> заголовок </h1>
<h2> Заголовок меньше </h2>
<h3> Заголовок еще меньше </h3>
<h4>Заголовок еще меньше </h4>
<h5> Заголовок еще меньше </h5>
<h6> Заголовок еще меньше </h6>

BR    Применяется для переноса строки и не имеет закрывающего тега

примеры

рырырырырырырырырырырырырырырырыры<br>

рырырырырырырырцыр<br>

рырырырырырырырырырырырырыр<br>

рыры…………

DIV   Применяется для создания контейнера в любом месте html страницы, которым легко управлять – можно перемещать, регулировать отступы,  и т.д.

text

 

Атрибуты:

ALIGN - определяет способ горизонтального выравнивания контейнера.
Возможные значения: left, center, right, justify. Это соответственно по левому краю, по центру, по правому краю, и по ширине .По умолчанию имеет значение left.

примеры

<div align="right">
рырырырырыр первая строка <br> рырырырырырыры вторая строка <br></div>

Итак все строки этого блока будут выравнены по правому краю

SPAN   Применяется для выделения части информации и придания ей различных стилей (Цвет, шрифт итп)

примеры

Сеpым сделать <span style="color:red;" > миp</span>  нельзя. Таким егo мoжнo лишь видеть

Сеpым сделать миp нельзя. Таким егo мoжнo лишь видеть.

 

Использование других Тегов

- STRONG    Используется для выделения текста жирным  <strong>текст</strong>  = текст

- EM             Используется для выделения текста курсивом  <em>текст</em>  = текст

-                Выделение текста подчеркиванием   <u>текст</u>   = текст

- S                 Перечеркивание текста

- SUP            Создание верхнего индекса

- SUB           Создание нижнего индекса

- HR             Вставляет в текст горизонтальную разделительную линию

- FONT        Изменение цвета, типа, размера шрифта

FONT - Позволяет изменять цвет, размер и тип шрифта текста, находящегося между открывающим <font> и закрывающим </font> тегами.

Атрибуты:

SIZE - Определяет размер шрифта. Возможные значение - 1 , 2 , 3 , 4 , 5 , 6 , 7.

COLOR - Определяет цвет текста. Задается либо RGB-значением в шестнадцатиричной системе, либо одним из 16 базовых цветов.

FACE - определяет используемый шрифт. (Times New Roman, Arial, Tahoma, Courier, Courier New.)

Существуют и другие Теги для работы с текстом. Но принцып одинаковый и  я надеюсь что теперь при необходимости разобраться труда большого не составит.

Примеры:

<marquee>Ваш текст</marquee> - бегущая строка

<blink>Текст</blink> - Мигающий текст

<marquee\ behavior=alternate>Текст/marquee> - текст бьется о стенки экрана

На Проекте "Ваш сайт", на одном из этапов,

Смотрите написание статей.

Работы будут проводиться с использованием визуального редактора c ограниченными возможностями. Но зная элементарные основы языка Html, можно значительно расширить и возможности и улучшить дизайн своей страницы.