<MyRusakov.ru />

Фреймворк Yii 2.0 с нуля. Пример создания сайта

Фреймворк Yii 2.0 с нуля. Пример создания сайта

Видеокурс "Фреймворк Yii 2.0 с нуля. Пример создания сайта" обучит Вас созданию профессиональных сайтов с использованием фреймворка Yii. В курсе есть 2 раздела: теоретический и практический. В теоретическом разделе будут разобраны возможности фреймворка Yii с примерами их использования, а в практической части будет создан сайт Blog.MyRusakov.ru с помощью полученных знаний из теоретического раздела.

Так же почти ко всем урокам идут упражнения для закрепления материала из урока на практике.

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

Подробнее

Пробелы в HTML

Пробелы в HTML

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

Давайте для начала напишем простой HTML-код:

<p>Некий текст           Продолжение...</p>

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

Существуют три варианта отображения дополнительных пробелов в HTML. Первый способ - это использование тега <pre>:

<pre><p>Некий текст      Продолжение...</p></pre>

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

Но есть и другой способ, который я использую регулярно - сущность "&nbsp;". Данная сущность просто заменяет символ пробела:

<p>Некий текст&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Продолжение...</p>

В результате, Вы также увидите целую череду пробелов. Для меня данный способ лучше тем, что не нужно использовать лишних тегов. Но это дело вкуса. Где нужен дополнительный пробел в HTML, просто вставляете "&nbsp;" и радуетесь результату.

И, наконец, последний способ - это использование CSS. Для этого Вам достаточно добавить такой стиль:

p {
  white-space: pre;
}

Данный способ самый быстрый и простой, однако, я его не использую, так как в моей практике встречается мало случаев, в которых мне приходится добавлять много подряд идущих пробелов. А если они и случаются, то использую сущность "&nbsp;" несколько раз. Вдобавок, свойство white-space поддерживается не всеми браузерами (в частности, IE6 и IE7 не поддерживают), что уже ограничивает область действия данного способа.

В общем, резюмирую:

1) Если у Вас какая-нибудь часть текста содержит много пробелов в разных местах, то используйте тег <pre>.

2) Если у Вас где-нибудь встречается одиночный момент, где нужно несколько пробелов подряд, то используйте сущность "&nbsp";

3) Если же у Вас вся страница соткана из кучи подряд идущих пробелов (хотя это бывает крайне редко), то используйте свойство white-space со значением pre.

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

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

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

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

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

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

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

  1. Кнопка:

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

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

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

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

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

XAXATyH2007 XAXATyH2007 15.03.2011 23:13:42

Про css не понял куда его добавлять ??

Ответить

Admin Admin 15.03.2011 23:15:35

В отдельный CSS-файл, либо в теге <style> внутри тега <head>.

Ответить

joni2332 joni2332 31.07.2013 12:15:00

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns = "http://www.w3.org/1999/xhtml"> <head> <meta http-equiv = "Content-Type" content = "text/html; charset=windows-1251"/> <title>Телеканал ТНТ</title> </head> <body> <h1>Телеканал ТНТ</h1> </body> </html> Вроде всё сделал правильно, а название и заголовок не отображаются в результате.

Ответить

XAXATyH2007 XAXATyH2007 16.03.2011 00:44:00

Все разобрался спс. Миша.

Ответить

Руфусдор Руфусдор 11.05.2014 09:36:23

Михаил, а как Вы относитесь к способу пробела &#160:

Ответить

alexandrdante alexandrdante 11.05.2014 11:29:24

лучший способ - css остальное не совсем валидно)

Ответить

Руфусдор Руфусдор 11.05.2014 11:46:09

Спасибо за подсказку

Ответить

mindzaevdaniil mindzaevdaniil 30.05.2014 22:33:44

Как сделать пробелы пробелы между ссылками?

Ответить

alexandrdante alexandrdante 30.05.2014 23:31:09

margin-left:10px или более и т.д.

Ответить

Edwardglv Edwardglv 24.01.2015 23:49:56

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

Ответить

Yva Yva 14.04.2015 23:06:11

Скажите, пожалуйста, зачем нужен тег <p>? Без него тоже всё работает.

Ответить

Дмитрий Тормосин Дмитрий Тормосин 22.11.2015 15:55:43

Про валидность не забывайте

Ответить

AlokHTML AlokHTML 25.06.2015 13:51:07

Тег <pre> поменял стиль шрифта и местоположение строки с текстом в браузере. Это точно не самый лучший вариант для дополнительных пробелов)

Ответить

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