<MyRusakov.ru />

Создание крупного проекта на Java с нуля

Создание крупного проекта на Java с нуля

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

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

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

Подробнее
Подписка

Подписавшись по E-mail, Вы будете получать уведомления о новых статьях.

Подписка Подписаться

Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте в моей группе.

Мой аккаунт Мой аккаунт Моя группа
Опрос

Каким движком Вы предпочитаете пользоваться?

Списки HTML

Списки HTML

В этой статье я Вас познакомлю Вас с созданием списков в HTML.

Собственно, как и весь HTML, создание HTML списков - это дело очень и очень простое.

Давайте с Вами сейчас создадим простую HTML-страницу. Постарайтесь это сделать, не смотря вниз статьи. То есть написать основные HTML-теги самостоятельно, так как уже пора их запомнить и строчить автоматически.

Теперь поговорим о списках.

Никаких секретов я сейчас не открою, списки - это информация, расположенная в виде:

1. Элемент списка 1.

2. Элемент списка 2.

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

n. Элемент списка n.

Наличие нумерации зависит от типа списка: нумерованный или ненумерованный список.

Для начала создадим ненумерованный список. Начинается список с тега <ul>, а заканчивается, разумеется, закрывающим тегом </ul>. Элементы списка добавляются внутри тега <ul> с помощью тега <li>.

Например, вот такой список:

<ul>
  <li>Первый элемент</li>
  <li>Второй элемент</li>
</ul>

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

<ul>
  <li>Первый элемент
  <li>Второй элемент
</ul>

Нумерованный список отличается выводом номера элемента слева от самого элемента. Правила те же самые, что и с ненумерованным списком, но только начальный тег - это тег <ol>. Закрывающий тег, соответственно, </ol>. Вот пример нумерованного списка:

<ol>
  <li>Первый элемент</li>
  <li>Второй элемент</li>
</ol>

Посмотрите и сравните результат в браузере. Напоследок показываю код, который у Вас должен был получиться:

<html>
<head>
</head>
<body>
<ul>
  <li>Первый элемент
  <li>Второй элемент
</ul>
<ol>
  <li>Первый элемент
  <li>Второй элемент
</ol>
</body>
</html>

Вот и вся наука о списках в HTML. Напоследок скажу, что под элементом списка может подразумеваться не только элемент в виде текста, а, вообще, говоря всё, что угодно. Например, вместо текста может быть ссылка или даже изображение. Просто само форматирование будет в виде списка.

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

С уважением, Михаил Русаков.

P.S. Если Вы хотите узнать больше по HTML, то посмотрите мой бесплатный курс с примером создания сайта на HTML: http://srs.myrusakov.ru/html

Копирование материалов разрешается только с указанием автора (Михаил Русаков) и индексируемой прямой ссылкой на сайт (http://myrusakov.ru)!

Добавляйтесь ко мне в друзья ВКонтакте: http://vk.com/myrusakov.
Если Вы хотите дать оценку мне и моей работе, то напишите её в моей группе: http://vk.com/rusakovmy.

Если Вы не хотите пропустить новые материалы на сайте,
то Вы можете подписаться на обновления: Подписаться на обновления

Если у Вас остались какие-либо вопросы, либо у Вас есть желание высказаться по поводу этой статьи, то Вы можете оставить свой комментарий внизу страницы.

Порекомендуйте эту статью друзьям:

Если Вам понравился сайт, то разместите ссылку на него (у себя на сайте, на форуме, в контакте):

  1. Кнопка:

    Она выглядит вот так: Как создать свой сайт

  2. Текстовая ссылка:

    Она выглядит вот так: Как создать свой сайт

  3. BB-код ссылки для форумов (например, можете поставить её в подписи):

Комментарии (39):

настенька настенька 01.06.2012 19:21:59

а как поменять обычный маркер списка на картинку? или может даже чтоб картинки разными были?

Ответить

Admin Admin 01.06.2012 19:59:16

http://myrusakov.ru/css-own-imagelist.html

Ответить

biter biter 15.10.2012 02:03:12

А где третий вид списка? dl,тоесть список определений.

Ответить

Frederico Frederico 20.10.2012 22:15:53

Как добавлять статьи на сайт? Так как у Вас.

Ответить

Admin Admin 21.10.2012 20:28:13

Для этого нужен свой движок на php.

Ответить

Frederico Frederico 21.10.2012 22:32:33

Как сделать движок для сайта?

Ответить

Admin Admin 22.10.2012 19:41:40

Скоро выйдет мой новый видеокурс по созданию движков на php. Там как раз соберу всю необходимую информацию.

Ответить

Frederico Frederico 22.10.2012 19:51:21

Этот курс бесплатный?

Ответить

Admin Admin 22.10.2012 19:54:39

Нет, этот будет платный.

Ответить

Нургали Нургали 30.10.2012 17:24:41

Приветствую Михаил, у меня вопрос. Я использовал теги <center> и <div align="center"> и получается что текст переносится в центр, а не нумерованный список <ul> остаются справа т.е. сами точки. Каким образом мне их тоже перенести в центр?

Ответить

Admin Admin 30.10.2012 19:34:12

Поместить в контейнер div

Ответить

Нургали Нургали 30.10.2012 21:01:17

<div align="center"> <font size="5" color="blue"> <i><b> центр </b></i> <br> Примеры: <ul> <li> Первый пример </li> <li> Второй пример </li> <li> Третий пример </li> </ul> </font> </div> Итак в контейнере div, или я что-то неверно сделал?

Ответить

Admin Admin 31.10.2012 18:37:41

Если уж хотите использовать align="center", то присваивать его надо родительскому элементу, относительно которого этот блок выравнивается.

Ответить

nub in nubs nub in nubs 02.12.2012 12:56:28

Михаил, каким бы смешным не был вопрос,но: как обратно поменять на мигающий курсор в водной строке, а то меня этот _ уже достал, с ним работать труднее а настройки курсора найти не могу -_-

Ответить

Admin Admin 03.12.2012 14:29:24

Вообще не понял вопроса.

Ответить

kor-2 kor-2 27.12.2012 20:01:24

Здравствуйте Михаил, я создаю сайт по вашей инструкции но когда открываю через браузер у меня на нем вместо кириллице зашифрованные буквы что делать?

Ответить

Admin Admin 27.12.2012 21:12:24

http://myrusakov.ru/php-encoding-problems.html

Ответить

1111g 1111g 06.11.2014 20:00:27

Такие как ааа? Ето ааа.

Ответить

hivuld hivuld 12.10.2015 17:14:06

nub in nubs, нажми на кнопку Insert.

Ответить

nickolay nickolay 08.01.2013 18:57:41

Вы пишете следующее "Нумерованный список отличается выводом номера элемента справа от самого элемента." Наверное, слева?

Ответить

Admin Admin 08.01.2013 21:39:05

Спасибо, исправил!

Ответить

dronic11 dronic11 28.01.2013 16:43:19

Доброго времени суток,Михаил такой вопросик где то в начале курса первая верстка задано задание построить шаблон где список в виде ссылок расположен горизонтально а не вертикально как это делается не объяснялось,объясните пожалуйста.Спасибо.

Ответить

Admin Admin 28.01.2013 20:38:48

В HTML-коде самые обычный список, а в CSS надо написать ul li {float: left;}

Ответить

dronic11 dronic11 29.01.2013 13:08:29

как грамотно в HTML написать ссылки по горизонтали:ссылка1 ссылка2 ссылка3 оч прошу на примере а то мне пришлось разбивать строку на 4 ячейки и в каждой ячейке выравнивать ссылку. спасибо.

Ответить

Admin Admin 29.01.2013 20:21:03

Обычный список можете написать? А CSS-код можете добавить? Тогда проблем быть не должно вообще.

Ответить

asassindmb asassindmb 16.03.2013 14:47:51

привет,подскажите пожалуйста что делать если буквы не отображаются в кириллице?

Ответить

Admin Admin 16.03.2013 21:22:14

http://myrusakov.ru/php-encoding-problems.html

Ответить

pavell pavell 08.06.2013 20:14:10

Сайт супер автор респект! оч хорошые статьи.

Ответить

Oleg-yak1 Oleg-yak1 27.08.2013 16:23:59

Здравствуйте, почему когда я перемещаю нумерованный список с помощи тега <div> на правую сторону, то цифры остаются слева, а текст уходит правильно, направо <html> <head> <title>about sport</title> <link href="favicon.ico" rel="shortcut icon" type="image/x-icon" /> <body bgcolor = "black" text = "white"> <div align = "center"> <h1>Ukraine</h1> <br> <br> <br> <br> <font size = "4" clor = "red"<b> Shahtar luser METELIST CHAMPION</b></font> <p>In Monday Metalist became champion of ukraine</p> </div> <div align = "right"> <font size = "4" color = "red"> <ol> <li>Metalist 39 <li>Shahtar 35 <li>Dinamo K 33 </ol> </font> </div> </body> </html>

Ответить

Admin Admin 27.08.2013 20:17:53

С помошью css это делайте. position: relative; и значения меняйте, например.

Ответить

Oleg-yak1 Oleg-yak1 27.08.2013 21:23:45

ага ок спасибо

Ответить

novichec novichec 07.09.2013 17:52:47

Здравствуйте Михаил, очень понравился ваш сайт написано просто и ясно, скажите пожалуйста вы написали что копирование материала с сайта запрещено, это относится к содержанию уроков по html? если да, то пожалуйста разрешите копирование.Заранее спасибо

Ответить

3628791 3628791 24.10.2013 12:41:22

у вас в конце статьи сказано, что элементом списка можно сделать картинку. как это сделать?

Ответить

Admin Admin 24.10.2013 13:32:58

<li><img src="" alt="" /></li>

Ответить

QDrow QDrow 01.11.2013 11:23:33

Все хорошо изложено мне по кайфу но вот проблема нигде не рассматривается проблема с транслитом... следовательно возникает вопрос почему когда я вывожу с помощью какого либо тега русский текст на страницу он выдает непонятную "абра кадабру", проблемы с кодировкой?как это устранить?

Ответить

Admin Admin 01.11.2013 16:53:39

http://myrusakov.ru/php-encoding-problems.html

Ответить

QDrow QDrow 02.11.2013 14:02:34

Не сразу разобрался и понял в чем проблема, но все же победил... так что спасибо за наставление на верный путь.)

Ответить

Дмитрий Тормосин Дмитрий Тормосин 10.08.2014 17:23:45

Что-то ничего не упоминается о вложенных списках

Ответить

bigpixonys bigpixonys 17.10.2015 21:40:19

Подскажите пожалуйста что делать: раньше все воспроизводилось, сейчас же открываю в браузере, а он показывает полностью мою программу.

Ответить

Для добавления комментариев надо войти в систему.
Если Вы ещё не зарегистрированы на сайте, то сначала зарегистрируйтесь.