{"draftJsState":{"blocks":[{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"HTML и CSS","type":"header-two","key":"ch4sm"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" являются основой любой веб-страницы ","type":"unstyled","key":"bj6of"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"HTML (Hyper Text Markup Language) -«язык гипертекстовой разметки» ","type":"unstyled","key":"be36t"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"CSS (Cascading Style Sheets) -«каскадные таблицы стилей»","type":"unstyled","key":"eiv2k"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Языки HTML и CSS созданы для верстки сайта т.е : для размещения элементов сайта по нужным местам","type":"unstyled","key":"4cl5g"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"С помощью HTML создается каркас страницы, сам язык разметки представляет собой набор тэгов с помощью которых на странице выделяются Заголовки (тэги

…

) , параграфы (тэг
) изображения (тэг ) и другие блоки","type":"unstyled","key":"3m265"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"9uiot"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"HTML теги это специальные команды для браузера которые говорят ему как отображать информацию расположенную внутри тэгов.","type":"unstyled","key":"559j"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" Большинство тегов парные открывающий <тег> и соответствующий ему закрывающий . Все что находится между открывающим и закрывающим тегом, попадает под действие тега.","type":"unstyled","key":"bakbg"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Так же есть одиночные теги, которые не нужно закрывать, например, , ,, ,
,
их не так много как парных","type":"unstyled","key":"6s8lb"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Так же в тегах могут размещаться атрибуты – команды расширяющие действие тега, атрибут размешается внутри открывающего тега <тег атрибут1= \"значение\" атрибут2=\"значение\">.","type":"unstyled","key":"fn0eg"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Таблицы стилей CSS расширяют возможности HTML позволяя менять стандартное форматирование HTML позволяя менять цвет размер фон отступ шрифт, и другие параметры, отвечающие за оформления сайта.","type":"unstyled","key":"b7mp"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"arrfo"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Теперь разобравшись с основной терминологией, мы займемся изучением основных тегов. Начнем с обязательных тегов, отвечающих за структуру страницы.","type":"unstyled","key":"3j2s9"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Веб страница","type":"header-two","key":"1sq8e"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Веб-страница — это текстовый документ с расширением .html. Внутри него хранится текст разметки, заключенный в теги. Этот файл обязательно должен иметь следующие теги: тег внутри которого находятся все остальные теги (все что попадает за пределы этого тега браузером игнорируется), внутри него должны быть два тега для служебного содержимого , и - для основного текста который увидит пользователь на экране браузера.","type":"unstyled","key":"fpa88"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" может включать много различных тегов, но для начала нам нужно только два из них это тег с атрибутом charset который в большинстве случаев имеет значение utf-8 он задает кодировку страницы.","type":"unstyled","key":"d2shm"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"И тег задающий название страницы которое будет отображено на вкладке браузера.","type":"unstyled","key":"dq58b"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Помимо этого перед тегом <html> обычно пишется doctype который указывает браузеру что файл нужно читать как html страницу выглядит он так <!DOCTYPE html>","type":"unstyled","key":"104uo"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Структура","type":"header-two","key":"9v7di"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Теперь посмотрим, как выглядит основная структура страницы:","type":"unstyled","key":"afa47"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"<!DOCTYPE html>","type":"unstyled","key":"4a5dk"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"<html>","type":"unstyled","key":"n6o9"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"\t<head>","type":"unstyled","key":"77eos"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"\t\t<meta charset=\"utf-8\">","type":"unstyled","key":"627le"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"\t\t<title>Это заголовок тайтл","type":"unstyled","key":"fpf9f"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"\t","type":"unstyled","key":"59cfp"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"\t","type":"unstyled","key":"9d7k8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"\t\tЭто основное содержимое страницы.","type":"unstyled","key":"dfoia"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"\t","type":"unstyled","key":"41gec"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"b2ela"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"5dtl5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Вы можете прямо сейчас скопировать этот пример в текстовый файл с расширением .html и открыть его в браузере","type":"unstyled","key":"e8vk8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Внутри тега размещаются все теги, отвечающие за содержимое.","type":"unstyled","key":"316d7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Основные из них это: ","type":"unstyled","key":"63j49"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"
-Параграф, создается он так
Текст параграфа
","type":"unstyled","key":"akinv"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

-

- Заголовки, всего их шесть от

-cамого крупного до

- самого мелкого создаются они так: ","type":"unstyled","key":"aspn4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

Заголовок

","type":"unstyled","key":"8v1cb"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

Заголовок

","type":"unstyled","key":"1ls78"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

Заголовок

","type":"unstyled","key":"e1iq6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"…..","type":"unstyled","key":"7vdjd"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

Заголовок

","type":"unstyled","key":"8l3h8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Заголовки, как и многие теги html имеют встроенный стиль, который можно изменить по своему усмотрению с помощью CSS.","type":"unstyled","key":"1oc1f"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

- list item это пункты списка одному
соответствует один пункт списка.","type":"unstyled","key":"17ant"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Выглядит это так:","type":"unstyled","key":"9663f"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"
- Первый пункт
- Второй пункт
- Третий пункт
","type":"unstyled","key":"2bnjc"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Нумерация в