Введите ваш адрес почты


sdcvoy.ru
Понравился сайт? Поделись с друзьями!
Главная » Html » Tekst-v-html-formatirovanie

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

Текст в html я считаю имеет одно из самых важных значений. Ведь только благодаря ему пользователь может узнать о чем сайт и видеть всю интересующую его информацию. Поэтому следующим шагом в изучении HTML будет его форматирование.

А начну я пожалуй с небольшого примера:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" 
"http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; 
charset=utf-8">
  <title>Заголовок страницы сайта</title>
 </head>
 <body>
  <h1>Заголовок первого уровня - h1</h1>
  <p>Для основного текста мы используем тег <b>p</b></p><br>
  <p>Заключаем в тег strong <strong>важный текст</strong>,
 не путайте с тегом b, в который мы вкладываем <b>жирный текст</b>.
</p>
 <h2>А вот заголовок второго уровня - h2</h2>
<p>Заключаем в тег em <em>значимый текст</em>, 
а тегом i выделяем <i>курсивный текст</i></p>
 </body>
</html>

 

В браузере должен отображаться следующий результат:

текст в html

Получилось? Рассмотрим по подробнее данный пример, хотя то что вы увидели в окне браузера как раз и поясняет для чего нужны используемые теги. И так начнём:

Самым главным текстовым тегом является парный тег <p></p>. Именно в него вносится контент документа. На странице сайта очень важно восприятие текста. Поэтому необходимо форматировать текст.

Выравнивание текста

Для выравнивания обычно используется атрибут align, который может принимать следующие значения:

Чтобы лучше освоить технику применения атрибутов, приведу вам небольшой пример:

 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
 "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html;
 charset=utf-8">
  <title>Выравнивание текста в документе</title>
 </head>
 <body>
  <h1 align="center">Выравниваем заголовок первого уровня по
 центру</h1>
  <h2 align="right">Выравниваем заголовок второго уровня по 
правому краю</h2>
  <p align="justify">Выравнивание небольшой части текста статьи по
 ширине происходит одновременно по правому и левому краю. Это 
значение работает только для текста, длина которого более, чем 
одна строка. Поэтому этот факт следует учитывать при 
 использовании этого значения.</p>
   </body>
</html> 

 

Результат вы можете увидеть на рисунке:

выравнивание текста

Заголовки текста

Для обозначения заглавия в контенте используются теги h1, h2 …. h6 являющиеся парными, требующими обязательного закрытия. Причём h1 — заголовок первого уровня, а все остальные по иерархии ставятся ниже. В стандарте html 4.01 рекомендуется использовать его один раз. Лучше всего его помещать сверху страницы. Остальные теги h2, h3 … h6 вы можете использовать сколько угодно раз. Тексты в заголовках вы также можете выравнивать также, как и тег <p>.

Начертание текста

Для различного начертания используются следующие теги:


Следует учитывать разницу между этими тегами, порой лучше использовать теги <b> и <i>, нежели <strong> и <em>. Хотя многие пренебрегают этими тегами.

Также вам могут понадобиться при написании каких-нибудь формул или выражений теги верхнего и нижнего индекса:

Оба тега являются парными и требуют обязательного закрытия.

Если вы хотите вставить текст из word или еще откуда-нибудь, то проще всего вставить текст в тег <pre>. Этот тег используется обычно для вставки форматируемого текста в другом текстовом редакторе.

Неплохой получился вроде бы обзорчик? Вы, как считаете? В следующем уроке будет ещё интереснее, я расскажу вам о гиперссылках.



наверх