Блог

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

Вставляются изображения с помощью тега IMG (заметьте, что мы пишем не полностью image, а только img). Тег IMG одинарный <img />, то есть без парного тега.

Основным атрибутом тега IMG является атрибут src. Он работает как href у ссылки, в атрибут src мы должны вставить путь к картинки. Путь как и в ссылках можно писать относительный или абсолютный.

Одним из важных форм хранения информации являются таблицы. В таблицах хранят информацию Excel, Access и другие базы данных. Таблицы очень наглядно представляют данные, по этим данным удобно строить графики и диаграммы.
Давайте в этому уроке разберем как создавать таблицы в HTML. Для этогом мы будем использовать теги <table>, <tr>, <td>, <th>, <thead>, <tbody>, <tfoot>.

Мы подошли к самым основам HTML, то ради чего HTML и затевался, а именно к гиперссылкам (или просто ссылки). Ссылки - это способ организации связи между различными материалами. Допустим у вас есть 100000 текстовых файлов, если для них делать рубрикатор, то даже есть в каждом рубрикаторе будет по 200 описаний текстовых документов, то вам потребуется 500 рубрик. Чтобы просмотреть все эти 500 рубрик и найти нужную вам информацию, вам потребуется много времени. Как же ссылки сделают нашу жизнь проще?

Очень часто на сайтах используются списки: в меню, в тексте для перечисления чего-нибудь. Давайте начнем с самого популярного вида списка ненумерованного <UL></UL> (unordered list - ненумерованный список).

Список UL

Список UL используется для меню, для маркерованных списков, причем через HTML можно задать вид маркера.

Давайте изменим наш HTML-код:

В прошлом уроке мы создали свой первый html документ, а это значит что вы уже знаете, что пишем html-код в текстовом редакторе, а все изменения смотрим через браузере, обновляя страницу (обычно кнопкой F5).

Итак, в этом уроке мы продолжим работать с текстом и будем использовать теги для оборачивания текста span, p, div. Также мы рассмотрим тег br.

О том как создавать HTML-документы читайте в HTML-первые шаги.

Прошлом уроке мы создали наш первый HTML-документ.

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

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

По сравнению с Друпал 6 где мы использовали модуль imagecache API в 7ом друпале изменился, если в 6ом мы могли  использовать пресет программно следующим образом:

<?php print theme('imagecache', ‘my_preset’, $file_path, $alt, $title, $attributes); ?>

Например так:

theme('imagecache', '300x300crop', $first_photo["filepath"], $node->title, $node->title, array('itemprop' => 'image'));

То в 7ом друпале мы немного по другому пишем:

Друпал 8

В шаблоне twig нельзя вызвать PHP код, поэтому нужно передавать уже готовый блок в шаблон. Если в шаблон ноды нужно передать переменную, то можно использовать themename_preprocess_node() функцию в теме, для page шаблона themename_preprocess_page(). Передаете переменную в twig шаблон и в нем уже эту переменную выводите.