Extra Block Types (EBT) - New Layout Builder experience❗

Extra Block Types (EBT) - styled, customizable block types: Slideshows, Tabs, Cards, Accordions and many others. Built-in settings for background, DOM Box, javascript plugins. Experience the future of layout building today.

Demo EBT modules Download EBT modules

❗Extra Paragraph Types (EPT) - New Paragraphs experience

Extra Paragraph Types (EPT) - analogical paragraph based set of modules.

Demo EPT modules Download EPT modules

Scroll

Учебник CSS

05/12/2019, by Ivan

Итак, вы прочитали книгу по HTML и теперь делаете еще один шаг к созданию своего красивого сайта и начинаете изучать CSS. Зачем нужен CSS? Если вы прочитали мои Первые шаги HTML, то наверно заметили насколько это небольшое пособие. Я намерено пропустил много тегов и много атрибутов, которые отвечают за оформление: курсив, жирность, цвет, форму, выделение. Я сделал это с расчетом, что вам это не понадобится.

HTML первые шаги - Заключение

04/12/2019, by Ivan

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

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

Вот ссылка на мой учебник по CSS.

HTML первые шаги - урок 9 - Создание меню

04/12/2019, by Ivan

Основным элементом сайта является меню (навигация). Через него происходит перемещение по страницам сайта. Также меню важно для индексации сайта поисковиками, без связи между страницами поисковик не сможет пройти по всем страницам. Давайте посмотрим из чего состоит меню.

HTML первые шаги - урок 8 - Универсальные атрибуты тегов

04/12/2019, by Ivan

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

HTML первые шаги - урок 7 - Тег object. Вставка видео с Youtube.

04/12/2019, by Ivan

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

 

 

HTML первые шаги - урок 6 - Изображения

04/12/2019, by Ivan

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

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

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

HTML первые шаги - урок 5 - Таблицы

04/12/2019, by Ivan

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

HTML первые шаги - урок 4 - Ссылки (гиперссылки)

04/12/2019, by Ivan

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

HTML первые шаги - урок 3 - теги списков ul, ol. Атрибуты HTML тегов.

04/12/2019, by Ivan

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

Список UL

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

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