WebDesign and Photoshop community

Объявление


Скрепка:

(29.10.08)
Если вам надоело слушать на форумах техподдержки "Учите CSS" или "Пользуйтесь поиском где то это есть", то обращайтесь в тему помощь в CSS, всегда поможем чем сможем.


(28.10.08)
После долговременного ожидания сайт InAStudio открыт и ждет вас на своих страничках! Приношу глубочайшие извинения, ранее зарегистрированным на нем участникам придется пройти регистрацию еще раз. Уверяю больше этого не повторится, и бэкап базы данных будет проводиться впредь регулярно во избежании таких проблем.


(17.10.08)
Темы "Аватар", "Юзербар", "Баннер" закрыты. Больше бесплатных заказов не будет. Причины: 1. большие требования для бесплатного, 2. я не успеваю. Те заказы, которые уже приняты будут выполнены.


(16.10.08)
Приносим извинения за неудобства и долговременное ожидание выполнения заказов. Выполнялся оплаченный заказ. Ведь если человек платит, то не пристало заставлять его долго ждать верно? А так же возникли проблемы с софтом, так как сервер, через которые скачивались программы изменил ключевые ссылки. Ведется работа по восстановлению. И во избежании повторения этой ситуации более переводящими серверами пользоваться не будем



(14.10.08)
Завершена работа над стилем Star Wars. Скриншоты и код самого стиля выложены в теме Стили для форумов.


(13.10.08)
Произведено небольшое пополнение каталога программ. Добавления внесены (и будут вноситься) в конце разделов, то есть смотреть на последних страницах.


(13.10.08)
Закончены работы над галереей, в которой вы можете посмотреть аватары, сделанные на нашем форуме. В планах организация в ней коллекции обоев для рабочего стола
(планируется на конец октября - начало ноября)


(13.10.08)
Ведется работа над гостевой книгой, которая вскоре будет добавлена.
(планируется на 15-16 октября)


Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » WebDesign and Photoshop community » HTML » Списки


Списки

Сообщений 1 страница 7 из 7

1

Списки нужны для упорядочивания информации, но нередко используются для формирования меню (особенно часто встречается на сайтах сервиса UcoZ).
Списки бывают трех видов - "Маркированный", "Нумерованный" и "Список определений". Отличаются они тем, что у маркированного списка перед каждым элементом маркер(кружочек или квадратик), а у нумерованного цифра или буква. Также возможно вложение одного списка в другой.
Маркированный список формируется тегом <ul>, внутри которого каждый элемент отделяется тегом <li>
Пример:

Код:
<ul>
<li>Cоздать форум любой (0pk.ru)</li>
<li>Создать форум анимешный (AniHub.ru)</li>
<li>Создать форум ролевой (Rolka.su)</li>
</ul>

Будет выглядеть так:
http://s61.radikal.ru/i174/0809/ef/48123c7fa4a4.jpg

Тег формирования списка <ul> имеет атрибут type, который может принимать такие значения:

type="disc" - маркеры в виде черных кружков, как на примере выше
type="circle" - маркеры в виде окружности (тоесть кружок будет внутри пустой)
type="square" - маркеры в виде черных квадратиков

Нумерованный список формируется точно таким же образом, только вместа тега <ul> используется тег <ol>, который также имеет атрибут type, может принимать следующие значения:

type="1" - список арабскими цифрами
type="A" - большими латинскими буквами
type="a" - маленькими латинскими буквами
type="I" - римскими цифрами
type="i" - римскими цифрами нижнего регистра

Список терминов и определений формируется тегом-контейнером <dl> в котором каждый термин отделяется тегом <dt>, а каждое определение тегом <dd>.
Пример формирования такого списка:

Код:
<dl>
<dt>Вагон</dt>
<dd>(франц. wagon, от англ. waggon — повозка). Прототип Вагон ........................... повозки.</dd>
<dt>Валторна</dt>
<dd>(от нем. Waldhorn, буквально - лесной рог), духовой мундштучный инструмент. Происходит .................... в строе си-бемоль.</dd>
<dt>Ванадий </dt>
<dd>(Vanadium), V, химический элемент ........................ эритронием (от греч. erythro's — красный).</dd>
</dl>

Будет выглядеть:
http://s58.radikal.ru/i161/0809/48/66b96de82da5.jpg

2

Diesel, я много создавал таблиц на forums.0pk.ru, и представляеш, я забыл  HTML код на принудительный перенос текста(или ссылки,картинки и т.д.) на другую строку, буду благодарен :jumping:

3

Stranger2512 написал(а):

iesel, я много создавал таблиц на forums.0pk.ru, и представляеш, я забыл  HTML код на принудительный перенос текста(или ссылки,картинки и т.д.) на другую строку, буду благодарен

<br>

4

А как будут коды на

Ссылку при клике на картинку

На пример я нажимаю на картинку, а она переносит меня в какую нибуть тему

А также ссылка отображающаяся каким либо моим текстом

на пример ссылка идёт http://............................. .ru а она отображается как ну на пример текстом( общение, флудилка, развлечения и т.д.

5

Stranger2512 написал(а):

Ссылку при клике на картинку

На пример я нажимаю на картинку, а она переносит меня в какую нибуть тему

<a href="адрес куда переходить при клике"><img src="ссылка на картинку"></a>

Stranger2512 написал(а):

А также ссылка отображающаяся каким либо моим текстом

на пример ссылка идёт http://............................. .ru а она отображается как ну на пример текстом( общение, флудилка, развлечения и т.д.

<a href="адрес куда переходить">Ваш текст</a>

6

спасибо, ты не придставляеш как мне помог

7

Stranger2512, всегда рад  :idea:


Вы здесь » WebDesign and Photoshop community » HTML » Списки


Рейтинг форумов | Создать форум бесплатно