{"draftJsState":{"blocks":[{"data":{"image":{"id":"600ec681052efe27df26ce14"},"contents":{"600ec681052efe27df26ce14":""}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"ff2k3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":175,"offset":0,"style":"BOLD"},{"length":175,"offset":0,"style":"ITALIC"}],"text":"Вас пугает одна мысль о создании сайта самостоятельно? Сегодня это проще, чем вы думаете. Читайте статью о всех нюансах создания HTML страницы, и ведите бизнес самостоятельно.","type":"unstyled","key":"3ot8u"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Программирование сайта с нуля не такой сложный процесс, как может показаться. Даже обычные пользователи компьютера смогут обучиться этому без особого труда. Для начала нужно знать, что такое HTML? Это первый интернет-язык разметки. Это основная разметка для всех веб-страниц и существенная часть Интернета. Веб-разработчики используют HTML для разработки нескольких больших сайтов. Это основной навык веб-специалистов, но им не так сложно овладеть.","type":"unstyled","key":"fidi1"},{"data":{"image":{"id":"600ec694cd098e46b125737e"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"be3e2"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Введение в HTML","type":"header-two","key":"26vc7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"HTML – это язык гипертекстовой разметки","type":"header-three","key":"eu003"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Гипертекст – это текст, в который включена ссылка.","type":"unordered-list-item","key":"btge"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Язык разметки определяет расположение информации макета в документе.","type":"unordered-list-item","key":"6cfot"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"HTML определяет структуру веб-страницы. Он помогает браузеру, чтобы правильно отображать веб-страницу. Документ HTML бывают, как простыми, так и комплексными для больших возможностей.","type":"unstyled","key":"fhn47"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Браузеры получают HTML документы из веб-сервера и отображают их, как веб-страницы. Браузер распознает HTML коды, чтобы сменить макет страницы, добавить изображения, ссылки и медиа файлы на веб страницы.","type":"unstyled","key":"2thkt"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":4,"offset":0,"style":"BOLD"}],"text":"HTML – это исходный язык разметки для сети. Однако, он используется, чтобы создать статичные веб страницы без интерактивности и анимации. HTML5, последняя версия HTML, добавляет улучшенную поддержку для добавления таких медиа файлов, как видео и аудио.","type":"unstyled","key":"fear"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"HTML5","type":"header-two","key":"7auu4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"HTML5 – это улучшенная версия, с помощью которой можно пользоваться большими возможностями. Если вы привыкли к прошлым версиям, и не хотите пользоваться этой, то вы наверняка не знаете, что теперь HTML может определять, каким образом выглядят видео, изображения и текст на экране браузера.","type":"unstyled","key":"fjghr"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"HTML5 является пятым выпуском HTML. Синтаксис HTML5 согласован с основным синтаксисом HTML4 и XHTML1. Но в чем же различия? HTML5 осуществляет поддержку видео и аудио. HTML5 стал одним из мощных инструментов для дизайна веб-страницы. В HTML5 потоковая передача мультимедиа возможна без использования сторонних плагинов, таких как Flash. Среди прочего, HTML5 поддерживает хранение информации на стороне клиента. Пользователь может пользоваться этой функцией offline для поддержки веб-приложений.","type":"unstyled","key":"9a126"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Сеть и HTML","type":"header-two","key":"9lv3p"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Сеть включает в себя взаимосвязанные веб-страницы и приложения, а также изображения, видео, анимацию и интерактивный контент. Язык разметки формирует основу сети. Такие языки применялись еще тогда, когда вебсайты были очень простыми. Языки разметки и в дальнейшем будут частью Интернета, его развития и будущего.","type":"unstyled","key":"9s8tr"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":4,"offset":0,"style":"BOLD"}],"text":"HTML – это основная разметка для всех веб-страниц, поэтому он все еще являются основным навыком веб-разработчиков и дизайнеров. HTML является наиболее часто используемой разметкой, и большинство документов в Интернете хранятся и передаются в формате HTML.","type":"unstyled","key":"d9s37"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Согласно исследованию W3Techs, HTML язык используется на 74.3% вебсайтах.","type":"unstyled","key":"3l8h6"},{"data":{"image":{"id":"600ec187052efe27df1a9320"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"ac8cl"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Среди подкатегорий, HTML5 используют 82.9% всех сайтов, которые используют HTML.","type":"unstyled","key":"a9g3k"},{"data":{"image":{"id":"600ec1e6cd098e46b119c7c7"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"2uu4j"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Как создать HTMLстраницу","type":"header-two","key":"4b854"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Создание HTML страницы -это очень простая процедура.. Будучи абсолютным новичком в этой области, вы быстро научитесь кодировать простую HTML страницу. Но для начала нужно выучить основы. Без них вы не сможете приступить к созданию.","type":"unstyled","key":"fmo7a"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"HTML кодирование при помощи текстового редактора","type":"blockquote","key":"eov8g"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"HTML – это текстовый документ, поэтому написав простой текст, можно вручную создавать веб страницу. Выберите текстовый редактор, которых сейчас несметное количество в интернете, и примените тот, который подходит для HTML. Самые широко используемые на сегодняшний день — это Dreamweaver и Sublime Text. Но зачем платить больше, если можно пользоваться и бесплатным редакторам, такими как Notepad++ для Windows и Text Wrangler для Mac. Не останавливайте свой выбор на Notepad, так как он не обладает хорошими техническими характеристиками, хоть им и пользуются достаточно часто. В черный список редакторов также записан и Word Processors, поскольку он добавляют дополнительный и ненужный код в HTMLдокументы.","type":"unstyled","key":"b755v"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Выбирайте себе подходящий редактор, ну а мы на примере покажем, как пользоваться Notepad++.","type":"blockquote","key":"acb4h"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"o Создание и редактирование HTML","type":"header-two","key":"3r1q"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Создание любого документа начинается с «Файл»> «Создать», и HTML-документ не стал исключением, поэтому открываем новый документ в Notepad ++. Внесите изменения в документ и сохраните.","type":"unstyled","key":"ffjju"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"o Сохранение HTML документа","type":"header-two","key":"3mq01"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"HTML документ представляет собой документ с htm or .html расширением. Может вы замечали, что есть такие редакторы, в которых заложена функция “сохранить как HTML документ”. Для сохранения HTML документов в сети вам следует использовать строчные буквы в названиях. Дефисы и тире должны заменять любые пустые пространства.","type":"unstyled","key":"dv8jo"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Формат HTML страницы","type":"header-two","key":"e0pd0"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"HTML страница в основном определяется ее элементами, тегами и атрибутами. Это помогает нам определить контент на странице. Элементы HTML также дают нам возможность добавлять таблицы, изображения, видео, аудио на веб страницу.","type":"unstyled","key":"a762e"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Элементы HTML","type":"header-two","key":"7k87v"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Элементы определяют структуру и содержание веб страницы. Элементы обозначены угловыми скобками вокруг имени элемента. Содержание, которое не находится между “< >” будет отображено на веб-странице. Любой элемент выглядит примерно следующим образом:","type":"unstyled","key":"23ce1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Теги","type":"header-two","key":"a2kpj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Элемент в угловых скобках формирует теги (). Теги невозможно увидеть на экране, но они помогают браузеру понимать, что нужно отобразить. Открывающий тег отмечает начало элемента, в то время как закрывающий тег означает конец.","type":"unstyled","key":"3i8nv"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Пример:","type":"header-three","key":"8j70u"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Открывающий тег:

","type":"unstyled","key":"bc4v2"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Закрывающий тег:

","type":"unstyled","key":"bk17b"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Содержание между открывающим и закрывающим тегом – это содержание элемента.","type":"unstyled","key":"b7bm9"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Теги можно использовать двумя способами:","type":"header-two","key":"25koi"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"o Использование тегов в парах","type":"header-three","key":"cfmj4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Теги, которые образуются в парах содержат открывающий и закрывающий тег. Вот так они выглядят:","type":"unstyled","key":"aas2o"},{"data":{"image":{"id":"600ec32cede7353c0a9cc075"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"1i3gi"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Здесь представлен открывающий тег () и закрывающий () для указания на конец абзаца. Это означает, что все, что находится между этих двух тегов – это абзац.","type":"unstyled","key":"7d5pr"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"o Одиночный тег","type":"header-three","key":"162p1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Одиночные теги используются для определения самозакрывающихся элементов и вставки таких элементов, как изображения. Вам не требуется определять начало и конец этих элементов.","type":"unstyled","key":"7qfc6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Самозакрывающиеся элементы пишутся таким образом:","type":"header-three","key":"a2mpn"},{"data":{"image":{"id":"600ec3948dfe7b3b2d090ece"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"8qve4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Закрытие /(слеш) также не обязателен. Это тоже самое как в случае .","type":"unstyled","key":"dccu6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Однако, во избежание путаницы с открывающим тегом, неплохо добавить / (слеш) в конце.","type":"unstyled","key":"7nkp1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Атрибуты","type":"header-two","key":"7hol4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Атрибуты являются функциями тега, которые увеличивают тег дополнительной информацией. Атрибут располагается внутри открывающего тега и включает название и элемент.","type":"unstyled","key":"8vl41"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Простой тег будет примерно таким:","type":"header-three","key":"cnuva"},{"data":{"image":{"id":"600ec3ee27add74df629fc3b"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"3ilis"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"HTML тег выше имеет атрибут “lang” с элементом “en-US”.","type":"unstyled","key":"38l6o"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Структура HTML документа","type":"header-two","key":"5em5o"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"У каждого HTML документа есть основная структура, определяемая следующими элементами:","type":"unstyled","key":"32mu4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":26,"offset":0,"style":"BOLD"}],"text":"Определение типа документа: объявление типа документа определяет используемую версию HTML. Этот тег размещен в начале документа.","type":"unordered-list-item","key":"94m91"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":4,"offset":0,"style":"BOLD"}],"text":"HTML: пара тегов HTML содержит начало и конец HTML документа.","type":"unordered-list-item","key":"14pbb"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":16,"offset":0,"style":"BOLD"}],"text":"Раздел заголовка: Этот раздел содержит общую информацию для страницы и обычно достаточно кратко. Содержание этого элемента не показывается на странице. Заголовок включает заголовок тега, который определяет название документа, отображенное в строке заголовка браузера. Заголовок может включать в себя метаданные и ссылки на внешние файлы.","type":"unordered-list-item","key":"af97i"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":15,"offset":0,"style":"BOLD"}],"text":"Основной раздел: этот главная часть страницы. Ее содержание изображено в браузере.","type":"unordered-list-item","key":"5n54f"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":9,"offset":0,"style":"BOLD"}],"text":"Кодировка: Этот тег указывает кодировку, используемую в документе HTML. Кодировка решает, каким образом файл сохраняется и как будут отображаться специальные символы. Общепринятым значением для этого тега является UTF-8, который позволяет правильно отображать почти все символы языка.","type":"unordered-list-item","key":"4po1q"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Этапы создания HTML страницы","type":"header-two","key":"aoc43"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Сейчас на основе всех правил, будем пробовать создание HTML-страницы. Для начала создадим пустой текстовый документа в выбранном редакторе.","type":"unstyled","key":"al1sa"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":0,"style":"BOLD"}],"text":"Этап 1: В первой строке HTML-кода, который будет добавлен, элемент DOCTYPE указан как «html». Это указывает на использование последней версии HTML.","type":"unstyled","key":"fa4b1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":7,"offset":0,"style":"BOLD"}],"text":"Этап 2: Затем мы добавляем начальные и конечные теги для html документа. Переключаем язык на английский (en).","type":"unstyled","key":"d5dp1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":0,"style":"BOLD"}],"text":"Этап 3: На следующем этапе мы добавляем тег Header с тегом Title и детали кодировки.","type":"unstyled","key":"9vi3v"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":0,"style":"BOLD"}],"text":"Этап 4: После этого идет тег основного текста, который содержит действительный HTML код.","type":"unstyled","key":"67j42"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":7,"offset":0,"style":"BOLD"}],"text":"Этап 5: Теперь мы закончили с пустым HTML документом. Начинаем работу с добавления текста, который будет отображаться на экране. Мы добавляем тег заголовка

и абзацный тег
. Они определяют первый уровень заголовка и абзац ниже.","type":"unstyled","key":"c3108"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Мы сохраняем основы HTML страницы в выбранную папку.","type":"unstyled","key":"nf7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Просмотр HTML страницы","type":"header-three","key":"bsf9g"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Для просмотра страницы, открываем браузер. Кликните на сохраненный документ 2 раза.","type":"unstyled","key":"cnci4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Открытая страница должна показывать:","type":"header-three","key":"dt6ed"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Заголовок “Привет мир”","type":"unordered-list-item","key":"4s4bi"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Заголовок первого уровня “Привет мир”","type":"unordered-list-item","key":"9n606"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Абзац с текстом “Простая HTML страница”","type":"unordered-list-item","key":"dcnse"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Перейдем к добавлению расширенных функций на странице. Ведь всем понятно, что возможности HTML не ограничиваются тем, что мы сделали. И теперь мы приступим к созданию красивой страницы, путем изменения цвета фона, шрифтов, цвета шрифта, изображения, ссылок, списков и т. д. Сейчас разберем некоторые из них.","type":"unstyled","key":"cbm2f"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Усовершенствованное форматирование текста","type":"header-two","key":"fi9e9"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"HTML предоставляет конкретные элементы форматирования текста.","type":"unstyled","key":"2ukp0"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Уровни заголовка могут быть определены тегами

для заголовков 6 уровня.","type":"unstyled","key":"2rbff"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Абзацные теги

служат для обозначения начала нового абзаца. Браузер обычно отображает вывод в виде двух возвратов каретки, добавляя одну пустую строку между двумя абзацами. Элементы форматирования используются для отображения специальных типов текста. Текст может быть отформатирован с такими элементами, как:","type":"unstyled","key":"fhimf"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"полужирное начертание;","type":"unordered-list-item","key":"9dugs"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"наклонный шрифт;","type":"unordered-list-item","key":"fsct3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"подчеркнутый шрифт;","type":"unordered-list-item","key":"9j82h"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"шрифт;","type":"unordered-list-item","key":"fpe0t"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Полный список этих тегов можно просмотреть по ссылке.","type":"blockquote","key":"7bhn2"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Добавление ссылок","type":"header-two","key":"efiqa"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Возможность создания гиперссылки предоставляется использованием тега.","type":"unstyled","key":"37rkl"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Ниже представлен процесс добавления URL адреса веб страницы с использованием атрибута гиперссылки.","type":"unstyled","key":"ab3c2"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Добавление картинок","type":"header-two","key":"1tqu1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Тег – это одиночный тег, не требующий закрывающего тега. Вы можете указать атрибуты изображения для добавления информации. Атрибут src служит для определения местоположения изображения. Атрибут style достаточно многофункциональный, включает ширину и высоту изображения в пикселях. Атрибут alt предоставляет краткое описание изображения. Его использование актуально при невозможности загрузки изображения. Этот атрибут на сегодняшний день служит одним из основных требований, поскольку он необходим для программ чтения с экрана для слепых посетителей.","type":"unstyled","key":"35lmt"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Добавление заголовка","type":"header-two","key":"86h4b"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Тег

– это новый тег в HTML5 и определяет самый верхний элемент веб-страницы. Заголовки обычно содержат фирменный знак, контактную информацию, ссылки навигации и др. Таких элементов, как

может быть несколько в одном документе.","type":"unstyled","key":"d6knk"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Развитые концепции в HTML","type":"header-two","key":"cg04r"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"HTML настолько простая технология для новичков, что некоторые дизайнеры работают зная только опорные пункты концепций. Нов случае использования возможностей HTML, вам следует узнать о передовых концепциях. Это станет отправной точкой в создании эффективного веб-сайта, уделяя этому минимум времени.","type":"unstyled","key":"3c0os"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Ниже представлены концепции, которые дадут вам старт, но от вас зависит дальнейшее развитие в этой сфере.","type":"unstyled","key":"8drfg"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Проверка HTML","type":"header-two","key":"26ia3"},{"data":{"image":{"id":"600ec6ba052efe27df275b20"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"a7s0s"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Проверка HTML используется для анализа ошибок в коде HTML. Если ваша веб-страница не загружается, вы можете использовать проверку для обнаружения причины проблемы.","type":"unstyled","key":"36afp"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Проверка также делает подсказки по коду, который не соответствует последнему стандарту HTML. Неверный HTML не сделает сайт непригодным для использования. Это может вызвать проблемы с загрузкой или несоответствие в выводе в разных браузерах. Многие услуги проверки являются бесплатными, также как W3C, могут быть легко использованы.","type":"unstyled","key":"dfjkp"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Добавление расширенных тегов","type":"header-two","key":"fq4s0"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Естественно, HTML-тегов и атрибутов в разы больше, чем мы вам показали. Два хороших ресурса для обучения — это w3schools и HTML Dog, которые имеют больше материалов и полный список тегов.","type":"unstyled","key":"49e7u"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Вы также можете использовать опцию «Просмотр исходного кода» в браузере, чтобы просмотреть код хорошо разработанных веб-сайтов и изучить новые методы.","type":"unstyled","key":"4284r"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Загрузка сайта","type":"header-two","key":"824q3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"С помощью веб-хостинга вы можете добавить несколько HTML-страниц в ваш веб-домен. Вам может понадобиться программное обеспечение для загрузки по FTP для передачи файлов HTML на веб-сервер. Существует множество сервисов веб-хостинга, которые также обеспечивают функциональность FTP.","type":"unstyled","key":"2kp29"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Добавление CSS и JavaScript","type":"header-two","key":"bkfhk"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Программа CSS поможет вам улучшить внешний вид вашего сайта. В перечень функций программы входят добавление цвета, шрифтов и изменение расположения элементов. Связав CSS-таблицу стилей с HTML-страницей, вы можете изменить стиль всего текста в теге.","type":"unstyled","key":"6fa93"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"JavaScript — это популярный язык программирования, который можно использовать для добавления дополнительных функций на HTML-страницы. Команды JavaScript вставляются между тегами