Форматирование текста тегами HTML.



Мы поможем в написании ваших работ!


Мы поможем в написании ваших работ!



Мы поможем в написании ваших работ!


ЗНАЕТЕ ЛИ ВЫ?

Форматирование текста тегами HTML.



 

Для форматирования текста существует много тегов. Одни их них используются часто (и их вы быстро запомните), другие - редко (их и не надо запоминать).

Здесь мы рассмотрим те, которые используются часто.

Теги, делающие текст заголовками

<h1></h1>
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6></h6>

Эти теги выделяют текст в виде заголовков. Т.е. каждый заголовок начинается с новой строки, выделен полужирным шрифтом и имеет свой размер (заголовок первого уровня самый большой, шестого - самый маленький).

Эти теги могут использоваться с параметром горизонтального выравнивания align. Возможные значения этого параметра:

left - слева,

right - справа,

center - по центру,

jastify - по ширине.

 

Пример кода:

<html>

<head>

<title>Форматирование html</title>

</head>

<body>

<h1>Это заголовок первого уровня</h1>

<h2>Это заголовок второго уровня</h2>

<h3>Это заголовок третьего уровня</h3>

<h4 align="right">Это заголовок четвертого уровня</h4>

<h5 align="center">Это заголовок пятого уровня</h5>

<h6 align="jastify">Это заголовок шестого уровня</h6> Это просто текст

</body>

</html>

В окне браузера это будет выглядеть так:

Работа со списками

Нумерованные списки html

Такой список представляет собой перечень "пронумерованный" каким-либо образом. Это могут быть арабские цифры, цифры римского алфавита или буквы.
Чтобы указать браузеру, что список будет нумерованным, используются теги <ol></ol>. Весь список располагается между этими тегами и каждый его пункт задается тегами <li></li>.

Пример кода для нумерованного списка:

<html>

<head>

<title>html списки</title>

</head>

<body>

<ol>

<li>кошки</li>

<li>собаки</li>

<li>лошади</li>

</ol>

</body>

</html>

Результат:

  1. кошки
  2. собаки
  3. лошади

Как видите, по умолчанию нумерация ведется арабскими цифрами. Это можно изменить с помощью параметра type:
- type="A" - нумерация заглавными латинскими буквами (A, B, C).

- type="a" - нумерация прописными латинскими буквами (a, b, c).

- type="I" - нумерация большими римскими цифрами (I, II, III) .

- type="i" - нумерация маленькими римскими цифрами (i, ii, iii).

 

Пример кода с римскими цифрами:

<html>

<head>

<title>html списки</title>

</head>

<body>

<ol type="I">

<li>кошки</li>

<li>собаки</li>

<li>лошади</li>

</ol>

</body>

</html>

Результат:

  1. кошки
  2. собаки
  3. лошади

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

 

Пример кода:

<html>

<head>

<title>html списки</title>

</head>

<body>

<ol type="I" start="3">

<li>кошки</li>

<li>собаки</li>

<li>лошади</li>

</ol>

</body>

</html>

 

Результат:

  1. кошки
  2. собаки
  3. лошади

У тега <li> можно задать параметр value, который позволяет изменить номер данного элемента списка. При этом изменяется нумерация и всех последующих элементов.

Пример кода:

<html>

<head>

<title>html списки</title>

</head>

<body>

<ol>

<li>красный</li>

<li>оранжевый</li>

<li>желтый</li>

<br>...............

<li value="7">фиолетовый</li>

</ol>

</body>

</html>

 

Результат:

  1. красный
  2. оранжевый
  3. желтый


...............

  1. фиолетовый

Маркированные списки

В маркированном списке вместо букв и цифр используются маркеры. Чтобы указать браузеру, что список будет маркированным, используются теги <ul></ul>. Весь список располагается между этими тегами и каждый его пункт задается тегами <li></li>.

Пример кода для маркированного списка:

<html>

<head>

<title>html маркированные списки</title>

</head>

<body>

<ul>

<li>кошки</li>

<li>собаки</li>

<li>лошади</li>

</ul>

</body>

</html>

Результат:

  • кошки
  • собаки
  • лошади


Последнее изменение этой страницы: 2016-12-27; Нарушение авторского права страницы; Мы поможем в написании вашей работы!

infopedia.su Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав. Обратная связь - 3.239.2.222 (0.009 с.)