Форматирование текста (теги: p, u, i, b/strong,br,small,sup,sub)

И так, у нас есть структура документа.  Есть заголовки осталось оформить сам текст главной страницы.

Для оформления будут использоваться следующие теги: p, u, i, b,br,small,sup,sub.

Небольшое описание данных тегов.

 

Тег br 

Перенос на новую строку текста.

Структура: Текст вверху<br>Новая строка

Тег p (является парным)

Определяет текстовый абзац. Каждый абзац начинается с новой строки. Если вы забыли закрыть тег, то считается, что конец абзаца совпадает с началом следующего блочного элемента.

Структура: <p>Текст</p>

Атрибуты: align = «left / center / right / justify»

 

Тег b/strong (является парным)

Текст внутри данного тега становится жирным, данный тег может использоваться с другими тегами, т.е. внутри них.

Структура: <b>Текст</b> ; <strong>Текст</strong>

Тег i (является парным)

Текст внутри данного тега принимает курсивное начертание, данный тег может использоваться в сочетании с другими тегами.

Структура: <i>Курсив</i>

 

Тег u (является парным)

Текст внутри данного тега становится подчеркнутым, данный тег может использоваться с другими тегами.

Структура: <u>Текст</u>

 

Тег s (является парным)

Текст внутри данного тега принимает зачеркнутое начертание, данный тег может использоваться в сочетании с другими тегами.

Структура: <s>текста нет</s>

 

Тег small (является парным)

Уменьшает текст на 1 единицу, в html размер шрифта может иметь значения от 1 до 7 (по умолчанию 3), применяются данные размеры в тегах.

Структура: <small>Текст чуть меньше</small>

 

Тег sub (является парным)

Текст внутри данного тега отображается в нижнем регистре.

Структура: <sub>текста внизу</sub>

 

Тег sup (является парным)

Текст внутри данного тега отображается в верхнем регистре.

Структура: <sup>Текст вверху</sup>

И так оформим нашу главную страницу:

<!DOCTYPE html>
<html>
 <head>
 <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=widows-1251">
 <title>Cайт киоска концтоваров</title>
 </head>
 <body>
   <h1>Сайт Киоска №454</h1>
   <h2 align="center">Добро пожаловать на сайт киоска!!</h2>
   <h3 align="left">Немного о содержимом</h3>
   <p align="justify">На данном сайте вы найдете наш прайс лист,
контакты, фотогалерею, последнии новости жизни киоска, историю киоска
и даже видео с киоска</p>
   <h3 align="left">Последнии новости:</h3>
   <blockquote>
     <b>От киосков <s>избовляются</s></b><sup><i>23.12.2012</i></sup><br>
     <small>Теперь нас можно редко встретить на улицах городов,
но мы маскирумся под магазины</small>
   </blockquote>
   <blockquote>
     <b>Теперь мы продаем оптом ручки</b><sup><i>18.12.2012</i></sup><br>
<small>Теперь ручки можно покупать оптом. При покупки оптом вы экономите
 до 50%. <u>Внимание:</u> Государственным организациям заказывать
 через сайт Госзакупок.</small>
   </blockquote>
 </body>
</html>

 

 

 

Скачать результат



comments powered by Disqus

Популярное