Как работает веб-страница

Без HTML - не было бы и WWW...

Как работает веб-страница

Создание списков

Существует три типа списков, вы можете создать: Неупорядоченные, Упорядоченные и Описательные.

Неупорядоченный список

Неупорядоченный список выглядит так:

  • Москва
  • Вашингтон
  • Пекин

Неупорядоченный список — маркированный список, инициированный тегом <ul>. Тег <li> (сокращение от List Item) используется перед каждым элементом списка. Закрывающий тег </ul> завершает список.

Пример:

<ul>
<li>Москва
<li>Вашингтон
<li>Пекин
</ul>

Тип маркера может быть изменен на «circle» или » square», добавив спецификацию внутри тега <ul>:

<ul type="circle">
<li>Москва
<li>Вашингтон
<li>Пекин
</ul>
<ul type="square">
<li>Москва
<li>Вашингтон
<li>Пекин
</ul>

 

Упорядоченный список

Упорядоченный список выглядит так:

  1. апельсины
  2. виноград
  3. вишни

Упорядоченный список — это список элементов в логическом, пронумерованном порядке. С помощью тегов <ol> и </ol>, нужно начать и закончить этот список. Тег <li> снова используется напротив каждого пункта.

Пример:

<ol>
<li>апельсины
<li>виноград
<li>вишни
</ol>

Вы можете изменить тип организации списка, добавив обозначение «типа списка» внутри тега <ol>.

<ol type="A"> упорядочение списка заглавными буквами: A, B, C...)
<ol type="a"> упорядочение списка прописными буквами: a, b, c...)
<ol type="I"> упорядочение списка римскими цифрами: I, II, III...)
<ol type="i"> упорядочение списка прописными римскими цифрами: i, ii, iii...)

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

<ol start=5> или <li value=6>

 

Описательные списки

Описание создает список элементов текста с отступом второй строки:

Стивен Джобс
Основатель Apple

Применяется использование следующих тегов в той же манере:

<dl>
<dt> Стивен Джобс
<dd> Основатель Apple
</dl>

<dt> тег должен соответствовать тексту, который вы хотите выровнять по краю; <dd> соответствует строке, требующей отступ.

1 2 3 4 5 6 7 8 9 10 11 12 13 14

Оставить комментарий

Ваш email не будет опубликован.

*


18 − 7 =


Поиск Google

(function() { var cx = '013762819107762716451:zn5azro-xtc'; var gcse = document.createElement('script'); gcse.type = 'text/javascript'; gcse.async = true; gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') + '//www.google.com/cse/cse.js?cx=' + cx; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(gcse, s); })();

Мы Вконтакте

Top
Follow

Get every new post delivered to your Inbox

Join other followers