аватар

Я Немного о себе Присягу перед Родиной выполнил и вышел в запас на гражданку. В свободное время увлекаюсь WEB-дизайном (для души). Создал сайт
для лиц старшего поколения и несколько блогов различной тематики. Всегда рад друзьям, новым знакомым и единомышленникам. Пишите на email (Задать вопрос).

Создай визитку
               
Не возможно "оживить" web-страницу без HTML и CSS.
Это инструментальный ящик для WEB-мастеров. Здесь я делюсь некоторыми хитростями по созданию WEB страниц в интернете, о пользовании компьютером и о работе с программами.

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

Во-первых, все вложения в WEB страницу производятся между тегами BODY, поэтому рассмотрим их атрибуты.
Чаще всего тегом BODY определяется фон страницы, а также цвет текста и ссылок, представленных на странице.
Фон определяется тегом bgcolor с добавлением кода цвета:

<BODY bgcolor="blue"> или <BODY bgcolor="#0000FF"> - это фон синего цвета.
Если в качестве фона используется изображение(картинка), то применяется тег background с указанием URL-адреса картинки:
<BODY background="http://адрес картинки">.
Цвет текста определяется тегом text: <BODY text="#000000"> - это текст черного цвета.
Цвет текстовых ссылок на странице определяется тремя тегами: link — цвет непросмотренных ссылок (по умолчанию синий), vlink — цвет просмотренных ссылок, alink — цвет активных гиперссылок.
В общем страницу можно оформить примерно так:
<BODY bgcolor="#E0E0E0" text="#000000" link="#FF0000" vlink="#00FF00">
где фон страницы светло серый, текст черный, непросмотренные ссылки красные, а просмотренные ссылки зеленые.
Во-вторых, рассмотрим непосредственно порядок форматирования текста на странице.
Тексты, как правило, набираются в текстовом редакторе, в котором предусмотрено свое форматирование (полужирные символы, курсив, подчеркивание, цвет и т.д), чтобы сохранить его на своей WEB странице необходимо использовать тег pre. HTML предусматривает иные теги для форматирования текста.
Основные теги для форматирования текста:
<B></B> - полужирный,
< I></I> - курсивный,
<U></U> - подчеркнутый,
<STRIKE></STRIKE> - перечеркнутый,
<SUB></SUB> - предназначен для выделения подстрочного текста (нижний индекс —H2O),
<SUP></SUP> - нужен для выделения надстрочного текста (верхний индекс (a+b)2.
Новый абзац текста открывается тегом <P>, который при открытии нового абзаца добавляет пустую строку после предыдущего абзаца.
При необходимости переноса части текста на другую строку, без добавления пустой строки, используется тег <BR>.
 использование тега <p> 
 использование тега <br> 

<p>Это первый абзац.</p>
<p>Это второй абзац.</p>
  Первая строка.<br>
  Вторая строка.
У тега <p> есть необязательный атрибут align с возможными значениями, посредством которых текст абзаца выравнивается по центру center, по левому краю left, по правому краю rightи одновременно по двум краям justify.
<P align="left"> - выравнивание по левому краю.</p>
<P align="center"> - выравнивание по центру экрана.</p>
<P align="right"> - выравнивание по правому краю.</p>
Разделение текста возможно также посредством тега <HR>. Однако, следует учитывать, что тег <HR> вставляет черную полоску между строчек, но используя следующие атрибуты: size(толщина полосы), width(ширина полосы), align (выравнивание), color(цвет полосы) - можно добиться определенного эффекта:
<hr align="center" size="10" width="60%" color="#00FF00">

Для названий разделов и подразделов используются теги заголовков. Их шесть уровней:
Теги заголовков имеют атрибуты: align — выравнивание на странице и title — всплывающая подсказка, появляется при наведении мыши на заголовок:
<h1 align="center" title="Это заголовок 1">Это заголовок 1</h1>

Это заголовок 1

Для форматирования непосредственно шрифтов, в HTML есть тег <FONT>. У этого тега существуют следующие атрибуты: color — цвет шрифта, face — гарнитура шрифта, size — размер шрифта. Размер может быть задан абсолютным (от 1 до 7) либо относительным значением (от +1 до +6 или от -1 до -6).

<FONT size=1> Это шрифт 1 </font>
<FONT size=2> Это шрифт 2 </font>
<FONT size=3> Это шрифт 3 </font>
<FONT size=4> Это шрифт 4 </font>
<FONT size=5> Это шрифт 5 </font>
<FONT size=6> Это шрифт 6 </font>
<FONT size=7> Это шрифт 7 </font>

Для форматирования список в HTML предусмотрены также теги <OL> и <UL>. В первом случае создается нумерованный список, во втором маркированный. Каждый элемент списка выделяется тегом <LI>. Вид маркера определяется атрибутом type.
В нумерованном списке атрибут type выводит следующие значения:
1 — нумерация арабскими цифрами,
A — большими латинскими буквами,
a — маленькими латинскими буквами,
I — большими римскими цифрами,
i — маленькими римскими цифрами.
<ol type="1"><li>Первый элемент</li><li>Второй элемент</li><li>Третий элемент</li></ol>
  1. Первый элемент
  2. Второй элемент
  3. Третий элемент
В маркированном списке следующие значения атрибута type:
disc — закрашенный кружок,
circle — незакрашенный кружок,
square — закрашенный квадратик.
<ul type="square"><li>Первый элемент</li><li>Второй элемент</li><li>Третий элемент</li></ul>
  • Первый элемент
  • Второй элемент
  • Третий элемент
Для форматирования текста применяется также тройка тегов <dl>, <dt>, <dd>, которые создают список определений. Список начинается с тега <dl>, куда входит тег <dt> создающий термин и тег <dd> задающий определение этого термина.
<dl><dt>Термин 1</dt><dd>Определение термина 1</dd><dt>Термин 2></dt><dd>Определение термина 2</dd></dl>
Термин 1
Определение термина 1
Термин 2
Определение термина 2

В различный графических редакторах предусмотрено множество типов шрифтов. Некоторые из них можно увидеть и опробовать в WORDе, и перенести на WEB страницу, к примеру: Arial , Arial Blank , Sans-serif , Constantia , Verdana .
<FONT FACE="Arial" > шрифт Arial </FONT> или <FONT FACE="Verdana" > шрифт Verdana </FONT>
Цвет шрифта: <FONT color="#FF00FF">Это шрифт фиолетового цвета</font>
Все теги форматирования текста можно использовать как по одному, так и вместе.
<p align="center"><FONT FACE="Constantia" SIZE="3" color="#FF00FF"><B>Выравнивание, тип, размер и цвет шрифта</B></FONT></P>
Выравнивание, тип, размер и цвет шрифта
Посредством команды border-radius (закругление углов обрамления в CSS) можно задать закругление для каждого угла рамки выделенной части текста(обрамление текста или изображения оригинальной рамкой).
КОД ЛЮБОГО ЦВЕТА ВЫ МОЖЕТЕ ВЫБРАТЬ ЗДЕСЬ
...Дерзайте...