+ 7 920 869 47 44        info@bokstu.ru

Работа с текстом

В помощь вебмастеру. Самоучитель по сохданию сайтов.

Работа с текстом

Работа с текстом  Текст основной способ передачи информации в Интернете. Очень редко встречаются страницы без текста.

АБЗАЦЫ

  Абзацы это элементы, используемые на странице для размещения текста. Текст располагают между тегами <р> и </р>, пример:
  <р>3десь расположено текстовое содержимое.</р>.

  Интервал между абзацами создается браузером тоже автоматически. Для принудительного перевода строки используется элемент BR, пример:
  <р>Первый абзац.</р>
  <br>
  <р>Второй абзац.</р>
.

  Есть и другой вариант: можно ввести в абзац неразрывный пробел - &nbsp; между открывающим и закрывающим тегами <р>, пример:
  <р>Первый абзац.</р>
  <р>&nbsp;</р>
  <р>Второй абзац.</р>
.

ЗАГОЛОВКИ

  Заголовки тоже относятся к текстовым элементам. Текст, отформатированный с помощью разных заголовков, отличается размером шрифта. В НТМL очень большое количество различных заголовков, начиная от большоrо Н1 и заканчивая крошечным Н6. Все остальные значения Н2, НЗ, Н4 и Н5 промежyточные. Размер шрифта уменьшается по мере возрастания номера заголовка.

  Основная задача заголовков - это визуальное отделение одного раздела от дрyгого. Обычно в качестве основного заголовка используется Н1. Для подзаголовков статей используется Н2, а для подзаголовков внyтри разделов Н3 и т.д., пример:
  <H1>Заголовок первого уровня</H1>
  <H2>Заголовок второго уровня</H2>
.

ШРИФТ

  Шрифт определяет начертание символов. Для новичков вполне подойдут стандартные шрифты, однако по мере роста мастерства вполне ecтественно желание разработчика применить специальные шрифты, которые максимально coответствуют eго замыслу.

  B и I два наиболее часто используемых элемента форматирования шрифтов. Они по зволяют задать жирное (<b>) и курсивное (<i>) начертание соответственно, пример:
  <p>Обычное начертание</p>
  <p><b>Жирное начертание</b></p>
  <p><i>Курсивное начертание</i></p>
.

  Смотрим результат:
  Обычное начертание
  Жирное начертание
  Курсивное начертание

  Атрибут face тeгa <FONT> позволяет установить гарнитуру шрифта, например Arial, Times New Roman или какую либо дрyгyю. А с помощью атрибyтов size и color можно задать соответственно размер и цвет шрифта. Более подробно об определении цвета paсскaзывается на странице "Работа с цветом". Приведу пример:
  <р><fond face="Arial, Helvetica, sans serif" size="4" color="blue">Текст набран шрифтом Helvetica синего цвета и размером 4 пунктов.</font>
  <font face="Times New Roman, Times, serif" size="5" color="red">Текст набран шрифтом Times New Roman красного цвета и размером 5 пункта</font>
  <font face="Courier New, Courier, mono" size="6" color="black">Текст набран шрифтом Courier черного цвета и размером 6 пунктов.</font></р>
.

  Смотрим результат:

  Текст набран шрифтом Helvetica синего цвета и размером 4 пунктов.

  Текст набран шрифтом Times New Roman красного цвета и размером 5 пункта.

  Текст набран шрифтом Courier черного цвета и размером 6 пунктов.

ЛИНИИ

  Перейдем к линиям. В HTML линии называются горизонтальными разделительными линиями, а элемент, который их представляет - HR. Горизонтальные линии позволяют визуально отделить один раздел на странице от другого, подчеркнуть изображение и т.д. Длину горизонтальной линии можно задать процентным соотношением от ширины экрана или конкретным значением в пикселях. По умолчанию длина линии равна 100 % ширины экрана, поэтому если не задать значение атрибута width, разделитель будет создан на всю ширину экрана, пример:
  <hr width="100%">
  Смотрим результат:



  <hr width="50%">
  Смотрим результат:



  <hr width="400">
  Смотрим результат:


  Установим толщину линии. Для этого используем атрибут size, пример:
  <hr size="6">
  Смотрим результат:


  По умолчанию линия не заполнена цветом. Линия без заливки называется линией с тенью. Чтобы сделать линию сплошной, нужно добавить атрибут noshade для Tera <HR>, пример:
  <hr noshade>
  Смотрим результат:


ССЫЛКИ

  Ссылки играют очень важную роль, так как они связывают разные страницы сайта. Ссылки создаются с помощью элемента А и href. Атрибут href указывает адрес файла, на который разработчик создает ссылку. Этот адрес называется URL - универсальный указатель ресурса. Ссылка на мой сайт будет выглядеть следующим образом: <a href="http://www.bokstu.ru">"Работа с текстом"</a>.

  При щелчке мышью по ссылке браузер загpужает документ, адрес которого присвоен атрибуту href. Если ссылка текстовая, по умолчанию она отображается шрифтом синего цвета с подчеркиванием, а если гpафическая вокpyг изображения создается голубая рамка.

  Ну вот и все, что я вам хотел рассказать по работе с текстом.




Работа с html текстом