Заглавная страница
Избранные статьи
Случайная статья
Познавательные статьи
Новые добавления
Обратная связь

ТОП 10 на сайте

Приготовление дезинфицирующих растворов различной концентрации

Техника нижней прямой подачи мяча.

Франко-прусская война (причины и последствия)

Организация работы процедурного кабинета

Смысловое и механическое запоминание, их место и роль в усвоении знаний

Коммуникативные барьеры и пути их преодоления

Обработка изделий медицинского назначения многократного применения

Образцы текста публицистического стиля

Четыре типа изменения баланса

Задачи с ответами для Всероссийской олимпиады по праву

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

ЗНАЕТЕ ЛИ ВЫ?

Влияние общества на человека

Приготовление дезинфицирующих растворов различной концентрации

Практические работы по географии для 6 класса

Организация работы процедурного кабинета

Изменения в неживой природе осенью

Уборка процедурного кабинета

Сольфеджио. Все правила по сольфеджио

Балочные системы. Определение реакций опор и моментов защемления

Главная Избранные Случайная статья Познавательные Новые добавления Обратная связь FAQ

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

⇐ ПредыдущаяСтр 4 из 6Следующая ⇒

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

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

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

<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>

Результат:

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

Как видите, по умолчанию нумерация ведется арабскими цифрами. Это можно изменить с помощью параметра 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>

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

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

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

</ol>

</body>

</html>

Результат:

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

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

Пример кода:

<html>

<head>

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

</head>

<body>

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

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

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

</ol>

</body>

</html>

Результат:

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

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

Пример кода:

<html>

<head>

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

</head>

<body>

<ol>

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

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

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

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

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

</ol>

</body>

</html>

Результат:

красный
оранжевый
желтый

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

фиолетовый

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

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

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

<html>

<head>

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

</head>

<body>

<ul>

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

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

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

</ul>

</body>

</html>

Результат:

⇐ Предыдущая 1 2 345 6 Следующая ⇒

Читайте также:

Где возникла философия и почему?

Относительная высота сжатой зоны бетона

Сущность проекции Гаусса-Крюгера и использование ее в геодезии

Тарифы на перевозку пассажиров

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

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