Форум Днепропетровска
Taobao форум СП в Украине
Вернуться   Форум города Днепр (Днепропетровска) > КОМПЬЮТЕРЫ и программы > Онлайн уроки > Нtml

Нtml Уроки по html

Ответ Добавить объявление Выделить тему
 
Опции темы Опции просмотра
Старый 30.09.2010, 16:37   #1
Strelok
Бессмертный
 
Аватар для Strelok
 
Регистрация: 22.01.2009
Адрес: Ф жДуНгЛяХ
Сообщений: 1,768
cказал Спасибо: 155
сказали Спасибо 639 раз(а) в 348 сообщении
Настроение: Angelic
Вес репутации: 280 Strelok репутация неоспоримаStrelok репутация неоспоримаStrelok репутация неоспоримаStrelok репутация неоспоримаStrelok репутация неоспоримаStrelok репутация неоспоримаStrelok репутация неоспоримаStrelok репутация неоспоримаStrelok репутация неоспоримаStrelok репутация неоспоримаStrelok репутация неоспорима
По умолчанию Организация текста внутри документа

HTML позволяет определять внешний вид целых абзацев текста. Абзацы можно организовывать в списки, выводить их на экран в отформатированном виде, или увеличивать левое поле. Разберем все по порядку.

Ненумерованные списки: <UL> ... </UL>

Текст, расположенный между метками <UL> и </UL>, воспринимается как ненумерованный список. Каждый новый элемент списка следует начинать с метки <LI>. Например, чтобы создать вот такой список:
Иван;
Данила;
белая кобыла

необходим вот такой HTML-текст:
<UL>
<LI>Иван;
<LI>Данила;
<LI>белая кобыла
</UL>

Обратите внимание: у метки <LI> нет парной закрывающей метки.

Нумерованные списки: <OL> ... </OL>

Нумерованные списки устроены точно так же, как ненумерованные, только вместо символов, выделяющих новый элемент, используются цифры. Если слегка модифицировать наш предыдущий пример:
<OL>
<LI>Иван;
<LI>Данила;
<LI>белая кобыла
</OL>

получится вот такой список:
Иван;
Данила;
белая кобыла

Списки определений: <DL> ... </DL>

Список определений несколько отличается от других видов списков. Вместо меток <LI> в списках определений используются метки <DT> (от английского definition term — определяемый термин) и <DD> (от английского definition definition — определение определения). Разберем это на примере. Допустим, у нас имеется следующий фрагмент HTML-текста:
<DL>
<DT>HTML
<DD>Термин HTML (HyperText Markup Language) означает
'язык маркировки гипертекстов'. Первую версию HTML
разработал сотрудник Европейской лаборатории физики
элементарных частиц Тим Бернерс-Ли.
<DT>HTML-документ
<DD>Текстовый файл с расширением *.html
(Unix-системы могут содержать файлы
с расширением *.htmll).
</DL>

Этот фрагмент будет выведен на экран следующим образом:
HTML
Термин HTML (HyperText Markup Language) означает 'язык маркировки гипертекстов'. Первую версию HTML разработал сотрудник Европейской лаборатории физики элементарных частиц Тим Бернерс-Ли.
HTML-документ
Текстовый файл с расширением *.html (Unix-системы могут содержать файлы с расширением *.htmll).

Обратите внимание: точно так же, как метки <LI>, метки <DT> и <DD> не имеют парных закрывающих меток.

Если определяемые термины достаточно коротки, можно использовать модифицированную открывающую метку <DL COMPACT>. Например, вот такой фрагмент HTML-текста:
<DL COMPACT>
<DT>А
<DD>Первая буква алфавита
<DT>Б
<DD>Вторая буква алфавита
<DT>В
<DD>Третья буква алфавита
</DL>

будет выведен на экран примерно так:
А
Первая буква алфавита
Б
Вторая буква алфавита
В
Третья буква алфавита

Вложенные списки

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

Вложенные списки очень удобны при подготовке разного рода планов и оглавлений.

Наши знания о списках можно вкратце свести в пример 6:
<html>
<head>
<title>Пример 6</title>
</head>
<body>
<H1>HTML поддерживает несколько видов списков </H1>
<DL>
<DT>Ненумерованные списки
<DD>Элементы ненумерованного списка выделяются
специальным
символом и отступом слева:
<UL>
<LI>Элемент 1
<LI>Элемент 2
<LI>Элемент 3
</UL>
<DT>Нумерованные списки
<DD>Элементы нумерованного списка выделяются
отступом слева, а
также нумерацией:
<OL>
<LI>Элемент 1
<LI>Элемент 2
<LI>Элемент 3
</OL>
<DT>Списки определений
<DD>Этот вид списков чуть сложнее, чем два предыдущих,
но и выглядит более эффектно.
<P>Помните, что списки можно встраивать один в другой,
но не
следует закладывать слишком много уровней вложенности.
</P>
<P>Обратите внимание, что внутри элемента списка
может находиться
несколько абзацев. Все абзацы при этом будут иметь
одинаковое левое поле. </P>
</DL>
</body>
</html>

Форматированный текст: <PRE> ... </PRE>

В самом начале мы говорили о том, что браузеры игнорируют множественные пробелы и символы конца строки. Из этого правила, однако, есть исключение.

Текст, заключенный между метками <PRE> и </PRE> (от английского preformatted — предварительно форматированный), выводится браузером на экран как есть — со всеми пробелами, символами табуляции и конца строки. Это очень удобно при создании простых таблиц.

Текст с отступом: <BLOCKQUOTE> ... </BLOCKQUOTE>

Текст, заключенный между метками <BLOCKQUOTE> и </BLOCKQUOTE>, выводится браузером на экран с увеличенным левым полем.




Strelok вне форума   Ответить с цитированием
 
Старый 30.09.2010, 17:03   #2
Фигуля
-Вредина-
 
Аватар для Фигуля
 
Регистрация: 10.03.2010
Адрес: ай лив ин Днепропетровск
Сообщений: 6,177
cказал Спасибо: 94
сказали Спасибо 222 раз(а) в 191 сообщении
Настроение: Cheeky
Вес репутации: 446 Фигуля репутация неоспоримаФигуля репутация неоспоримаФигуля репутация неоспоримаФигуля репутация неоспоримаФигуля репутация неоспоримаФигуля репутация неоспоримаФигуля репутация неоспоримаФигуля репутация неоспоримаФигуля репутация неоспоримаФигуля репутация неоспоримаФигуля репутация неоспорима
По умолчанию Ответ: Организация текста внутри документа

ой, мне не понятно))))))) повторите на блондинском языке))))




Если Я вас напрягаю или раздражаю, Вы всегда можете забиться в углу и поплакать.
Фигуля вне форума   Ответить с цитированием
Старый 30.09.2010, 17:09   #3
Strelok
Бессмертный
 
Аватар для Strelok
 
Регистрация: 22.01.2009
Адрес: Ф жДуНгЛяХ
Сообщений: 1,768
cказал Спасибо: 155
сказали Спасибо 639 раз(а) в 348 сообщении
Настроение: Angelic
Вес репутации: 280 Strelok репутация неоспоримаStrelok репутация неоспоримаStrelok репутация неоспоримаStrelok репутация неоспоримаStrelok репутация неоспоримаStrelok репутация неоспоримаStrelok репутация неоспоримаStrelok репутация неоспоримаStrelok репутация неоспоримаStrelok репутация неоспоримаStrelok репутация неоспорима
По умолчанию Ответ: Организация текста внутри документа

Что не понятно ? Пиши, помогу с большим удовольствием




Strelok вне форума   Ответить с цитированием
Старый 30.09.2010, 17:10   #4
Медвед
Главнокомандующий
 
Аватар для Медвед
 
Регистрация: 09.05.2008
Адрес: Днепропетровск
Сообщений: 11,078
cказал Спасибо: 413
сказали Спасибо 315 раз(а) в 248 сообщении
Настроение: Amused
Вес репутации: 13055 Медвед репутация неоспоримаМедвед репутация неоспоримаМедвед репутация неоспоримаМедвед репутация неоспоримаМедвед репутация неоспоримаМедвед репутация неоспоримаМедвед репутация неоспоримаМедвед репутация неоспоримаМедвед репутация неоспоримаМедвед репутация неоспоримаМедвед репутация неоспорима
По умолчанию Ответ: Организация текста внутри документа

Цитата
Сообщение от Золотце Посмотреть сообщение
ой, мне не понятно))))))) повторите на блондинском языке))))
и зачем ото оно тебе нужно...
Медвед вне форума   Ответить с цитированием
Старый 30.09.2010, 17:22   #5
Фигуля
-Вредина-
 
Аватар для Фигуля
 
Регистрация: 10.03.2010
Адрес: ай лив ин Днепропетровск
Сообщений: 6,177
cказал Спасибо: 94
сказали Спасибо 222 раз(а) в 191 сообщении
Настроение: Cheeky
Вес репутации: 446 Фигуля репутация неоспоримаФигуля репутация неоспоримаФигуля репутация неоспоримаФигуля репутация неоспоримаФигуля репутация неоспоримаФигуля репутация неоспоримаФигуля репутация неоспоримаФигуля репутация неоспоримаФигуля репутация неоспоримаФигуля репутация неоспоримаФигуля репутация неоспорима
По умолчанию Ответ: Организация текста внутри документа

Цитата:
Сообщение от Медвед Посмотреть сообщение
и зачем ото оно тебе нужно...
*почесала репу*...та воопщемта не нужно, ну шо труд Амура Стрелка ото зря?




Если Я вас напрягаю или раздражаю, Вы всегда можете забиться в углу и поплакать.
Фигуля вне форума   Ответить с цитированием
Старый 29.12.2010, 18:45   #6
Strelok
Бессмертный
 
Аватар для Strelok
 
Регистрация: 22.01.2009
Адрес: Ф жДуНгЛяХ
Сообщений: 1,768
cказал Спасибо: 155
сказали Спасибо 639 раз(а) в 348 сообщении
Настроение: Angelic
Вес репутации: 280 Strelok репутация неоспоримаStrelok репутация неоспоримаStrelok репутация неоспоримаStrelok репутация неоспоримаStrelok репутация неоспоримаStrelok репутация неоспоримаStrelok репутация неоспоримаStrelok репутация неоспоримаStrelok репутация неоспоримаStrelok репутация неоспоримаStrelok репутация неоспорима
По умолчанию Ответ: Организация текста внутри документа

Не, ну я ж не хочу всех завлечь на изучение HTML ))) Это я делаю для всех, также и для гостей форума ) Ктото же ищет в нете чтото удобное, (я искал). А все прям заумно начинают обьяснять, и то если есть желание... А так посетитель зашёл, атут такое)) да ещё и люди на форуме хорошие ) возьмёт и останется тут ) с нами ) А чем больше светлых умов, тем лучше колективу ))))


ЗЫ. Всех с наступающим !!!!!!!!




Strelok вне форума   Ответить с цитированием
cказали "Спасибо" Strelok за это сообщение:
Ответ Добавить объявление Выделить тему


Здесь присутствуют: 1 (пользователей: 0 , гостей: 1)
 
Опции темы
Опции просмотра

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.
Быстрый переход


Часовой пояс GMT +3, время: 19:24.

 
Работает на vBulletin®.
Copyright ©2000 - 2018, Jelsoft Enterprises Ltd.
Перевод: zCarot

 
Форумы

Город Днепропетровск
Политика
Новости Днепропетровска
Дом и семья
Кулинария
Наши дети
Доска объявлений
Досуг и развлечения
Музыка
Коллекционирование
Компьютеры и программы
Мобильная связь и интернет
Работа в Днепропетровске
Профессиональные форумы
Он и она...
Беседка
Товары

Каталог цен и товаров
Совместные покупки


Благотворительность

Помощь детям
Услуги

Переводчик текста


Информация

Телепрограмма
Карта Днепропетровска
Доска объявлений
Погода
Сервисы

Фотошоп онлайн
Города Украины
Реклама на сайте
Реклама на форуме
Наверх ↑

форум Днепропетровска
© 2008—2016



Администрация форума Днепропетровска не несет ответственности за информацию, которую размещают пользователи ресурса. Полное либо частичное копирование материалов без обратной ссылки - запрещено.