{"draftJsState":{"blocks":[{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"aql0i"},{"data":{"image":{"id":"5f06042d710698778bebd493"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"49i3c"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" ","type":"unstyled","key":"aagmd"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"HTML (HyperText Markup Language) – язык разметки (маркировки) гипертекста, который интерпретируется браузером и отображается в виде документав удобной для человека форме. ","type":"unstyled","key":"4281c"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Гипертекст – это текст, содержащий в себе ссылки на другие документы (тексты). Такие ссылки называются гипертекстовыми. HTML дает возможность производить переход от одной части текста к другой, и, что замечательно, эти части могут храниться на совершенно разных компьютерах.","type":"unstyled","key":"eququ"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"HTML не стоит путать с языками программирования, он создан специально для разметки веб-страниц. Именно язык разметки дает браузеру необходимые инструкции о том, как отображать тексты и другие элементы страницы на мониторе. Некоторые элементы корректно выглядящие в браузере Google Chrome могут выглядеть иначе в Internet Explorer и других браузерах, поскольку один и тот же скрипт в разных браузерах или в разных версиях одного и того же будет выполняться по-разному. ","type":"unstyled","key":"2a2gh"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Гипертекст подходит для включения элементов мультимедиа в традиционные документы. Практически именно благодаря развитию гипертекста, большинство пользователей получило возможность создавать собственные мультимедийные продукты и распространять их на компакт-дисках. Такие информационные системы, выполненные в виде набора HTML-страниц, не требует разработки специальных программных средств, так как все необходимые инструменты для работы с данными (веб-браузеры) стали частью стандартного программного обеспечения большинства персональных компьютеров. От пользователя требуется выполнить только ту работу, которая относится к тематике разрабатываемого продукта: подготовить тексты, нарисовать рисунки, создать HTML-страницы и продумать связь между ними.","type":"unstyled","key":"4gp3j"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"HTML описывает структуру документа. Например, HTML может описать, что документ имеет один заголовок, два абзаца и нижний колонтитул. Обратите внимание, что HTML ничего не говорит вам о том, как эти компоненты визуально разложены, как они выглядят, какого цвета и т. д. Он определяет только те компоненты, которые составляют документ. ","type":"unstyled","key":"90aq"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"В качестве аналогии, если бы я описывала дом, заявив, что в нем есть три комнаты и кухня, это не сообщило бы вам о цвете стен кухни или размере трех комнат. Единственное, что вы будете знать, это то, какие компоненты составляют дом.","type":"unstyled","key":"6spgq"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"HTML-документ — это текстовый документ, может быть создан как в обычном текстовом редакторе (Блокнот), так и в специализированном, с подсветкой кода (SublimeText, Notepad++, Brackets и т.п.). Гипертекстовые документы хранятся в файлах с расширением .htm или .html.","type":"unstyled","key":"2seoi"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"HTML-документ состоит из дерева HTML-элементов и текста. Все действия, которые должен совершить браузер при просмотре HTML-документа, описываются тегами. ","type":"unstyled","key":"635a2"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Тег(tag), в простейшем случае, состоит из заключенного в угловые скобки ”<>” имени тега. Большинство тегов парные.","type":"unstyled","key":"aijkj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Открывающий тег показывает, где начинается элемент, конечный — где заканчивается. Внешне закрывающий тег отличает от открывающего присутствием слэш (/) перед именем тега. Между начальным и закрывающим тегами находится содержимое тега — контент.","type":"unstyled","key":"1l8er"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Незакрывающиеся (одиночные) теги не могут хранить в себе содержимого напрямую, оно прописывается как значение атрибута, например, тег создаст кнопку с текстом Button внутри.","type":"unstyled","key":"9bkk6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Теги могут вкладываться друг в друга, например,

Text

. При вложении следует соблюдать порядок их закрытия (принцип «матрёшки»), например, следующая запись будет неверной:

Text

.","type":"unstyled","key":"87ote"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"HTML-элементы могут иметь атрибуты (глобальные, применяемые для всех HTML-элементов, и собственные). Атрибуты прописываются в открывающем теге элемента и содержат имя и значение, указываемые в формате font-size=\"20px\" (имя атрибута=”значение”). Атрибуты позволяют изменять свойства и поведение элемента, для которого они заданы.","type":"unstyled","key":"3nh9e"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Классы применяют, когда необходимо определить стиль для индивидуального элемента веб-страницы или задать разные стили для одного тега. Каждому элементу можно присвоить несколько значений class и только одно значение id. Множественные значения class записываются через пробел,

. Значения class и id должны состоять только из букв, дефисов, нижних подчеркиваний и цифр и должны начинаться только с букв или цифр.","type":"unstyled","key":"3adsn"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Браузер просматривает (интерпретирует) HTML-документ, выстраивая его структуру (DOM) и отображая ее в соответствии с инструкциями, включенными в этот файл (скрипты, таблицы стилей). Если разметка правильная, то в окне браузера будет отображена HTML-страница, содержащая HTML-элементы — таблицы, изображения, заголовки, текст и т.д.","type":"unstyled","key":"eep87"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Процесс парсинга (интерпретации) начинается прежде, чем веб-страница полностью загружена в браузер. Браузеры обрабатывают HTML-документы последовательно, с самого начала, при этом обрабатывая CSS и соотнося таблицы стилей с элементами страницы.","type":"unstyled","key":"2ev6t"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"HTML давно перестал быть просто языком программирования. Человек, изучавший этот язык, обретает возможность делать сложные вещи простыми способами и, главное, быстро, что в компьютерном мире не так уж и мало. ","type":"unstyled","key":"689pj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"HTML является основой моды в Интернете.","type":"unstyled","key":"8d901"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"HTML, как основа создания WEB-страниц, имеет прямое отношение и к новому направлению изобразительного искусства – WEB-дизайн. Художнику в Интернете недостаточно просто нарисовать красивые картинки, оригинальный логотип, создать новый фирменный стиль. Он должен еще поместить все это в Сети, продумать связь между WEB-страницами, чтобы все двигалось, откликалась на действие пользователя, поражало воображение, вызывало желание создать что-нибудь свое, оригинальное в этой области.","type":"unstyled","key":"asb1c"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"HTML-документ состоит из двух разделов: ","type":"unstyled","key":"2lai2"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"- заголовка — между тегами …. Если заголовок указан, в нем обязательно должен присутствовать тег …. Текст, размещенный между тегами …, - это заголовок страницы, который отображается не на странице, а в заголовке окна браузера.","type":"unstyled","key":"7n605"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"- основной части — между тегами …. Это тело документа, в котором размещается вся отображаемая браузером информация.","type":"unstyled","key":"2pkh2"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"2d3rk"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"atktn"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"marker","key":"LYJcTu5AV4rt8Bu92pkt"}],"entityMap":{}},"mentions":[]}