{"draftJsState":{"blocks":[{"data":{"image":{"id":"5ccb1aabeb28ac00aea49ea7"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"72mqj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"До сих пор мы с Вами выравнивали элементы только по левому краю. Точнее, мы с Вами вообще этим не занимались, а сам браузер по умолчанию выравнивает элементы по левому краю. Разумеется, было бы слишком скучно выравнивать всё по левому краю. Поэтому существуют различные способы выравнивания по центру и по правому краю.","type":"unstyled","key":"c9arn"},{"data":{},"depth":0,"entityRanges":[{"key":0,"length":17,"offset":29},{"key":1,"length":24,"offset":84},{"key":2,"length":8,"offset":155}],"inlineStyleRanges":[],"text":"Выравнивание элементов - это самые основы HTML, которые просто необходимо знать при создании интернет сайтов. Первое, что необходимо сделать - это набрать HTML-код простейшей страницы.","type":"unstyled","key":"2nvsc"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":8,"offset":32,"style":"BOLD"}],"text":"Ещё когда-то давно появился тег я сейчас Вам не советую его применять, ввиду наличия более современных способов, но не упомянуть я о нём не могу. Использовать его очень и очень просто. Всё, что Вам необходимо выравнять по центру, Вы помещаете внутри этого тега. Вот, например, тут мы выравниваем заголовок 1-го уровня по центру.","type":"unstyled","key":"2c6g5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"\n

Заголовок 1-го уровня, выравненный по центру

\n","type":"blockquote","key":"en0d5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":4,"offset":112,"style":"BOLD"}],"text":"Можно добавить картинку, выравненную также по центру, также давайте перейдём на следующую строку с помощью тега
:","type":"unstyled","key":"79jjr"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"\n

Заголовок 1-го уровня, выравненный по центру

\n
\n

\n","type":"blockquote","key":"fg7s8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":8,"offset":12,"style":"BOLD"},{"length":6,"offset":83,"style":"BOLD"},{"length":7,"offset":92,"style":"BOLD"},{"length":8,"offset":214,"style":"BOLD"}],"text":"Это был тег , который уже устарел, вдобавок, вопреки Вашим ожиданиям тегов и просто не существует. Допустим, по левому краю выравнивается по умолчанию, по центру выравнивается с помощью тега , но как же быть с правым?","type":"unstyled","key":"aeueq"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":4,"offset":93,"style":"BOLD"},{"length":5,"offset":195,"style":"BOLD"},{"length":5,"offset":288,"style":"BOLD"},{"length":5,"offset":328,"style":"BOLD"},{"length":4,"offset":419,"style":"BOLD"},{"length":6,"offset":427,"style":"BOLD"},{"length":5,"offset":437,"style":"BOLD"},{"length":4,"offset":466,"style":"BOLD"}],"text":"Чтобы решить эту проблему разработчики придумали универсальный способ выравнивания элементов HTML. Способ заключается в использовании так называемых контейнеров, которые создаются с помощью тега

. То есть всё, что необходимо поместить в определённый контейнер помещается внутри тега

. А уже у этого тега есть атрибут \"align\", значение которого и определяет положение данного контейнера. Бывают три значения: \"left\", \"center\", \"right\". По умолчанию, стоит \"left\", впрочем, думаю, что Вас это не удивляет.","type":"unstyled","key":"24hrg"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":8,"offset":30,"style":"BOLD"}],"text":"Давайте сейчас напишем тот же HTML-код, но с использованием контейнеров, вдобавок, давайте выравняем не по центру, а по правому краю.","type":"unstyled","key":"emqta"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

Заголовок 1-го уровня, выравненный по правому краю

\n
\n

","type":"blockquote","key":"e7sb6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":5,"offset":72,"style":"BOLD"}],"text":"Как видите, всё работает. Советую Вам также поменять значения атрибута \"align\", чтобы посмотреть на другие виды выравнивания содержимого контейнеров.","type":"unstyled","key":"9sog1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":4,"offset":37,"style":"BOLD"}],"text":"Другой способ выравнивания элементов HTML - это таблицы, но эта тема заслуживает отдельного разговора, поэтому поговорим о ней в одной из следующих статей.","type":"unstyled","key":"epqbd"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"А пока Ваша страница должна выглядеть так:","type":"unstyled","key":"9gd6p"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"\n\n\n\n\n

Заголовок 1-го уровня, выравненный по центру

\n
\n

\n\n

Заголовок 1-го уровня, выравненный по правому краю

\n
\n

\n\n ","type":"blockquote","key":"5cee2"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"marker","key":"x3bBUwqUhxL9n4tUZ4rD"}],"entityMap":{"0":{"data":{"href":"http://myrusakov.ru/html-osnovy.html","url":"http://myrusakov.ru/html-osnovy.html"},"mutability":"MUTABLE","type":"LINK"},"1":{"data":{"href":"http://myrusakov.ru/","url":"http://myrusakov.ru/"},"mutability":"MUTABLE","type":"LINK"},"2":{"data":{"href":"http://myrusakov.ru/html.html","url":"http://myrusakov.ru/html.html"},"mutability":"MUTABLE","type":"LINK"}}},"mentions":[]}