<MyRusakov.ru />

WordPress 4. Пример создания блога

WordPress 4. Пример создания блога

Видеокурс "WordPress 4. Пример создания блога" научит Вас создавать любые сайты на самой популярной CMS - WordPress.

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

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

Курс очень простой и проходится за один вечер, а знания останутся с Вами навсегда.

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

Подписавшись по 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

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

Ответить

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