{"draftJsState":{"blocks":[{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Имея высшее образование ( Прикладная инженерия. искусственный интеллект) и некий опыт работы в сфере фронтенда. Хотел бы поделится своими знаниями для тех кто начинает программировать и хочет связать свое будущее с такой прекрасной вещью где нужно много думать! А именно много думать и много чему учится.. увы, без этого не как...","type":"blockquote","key":"83hl6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":9,"offset":0,"style":"BOLD"}],"text":"Язык HTML отвечает за структуру и содержание страницы. Он состоит из тегов, а тег состоит из имени, заключённого между знаками «меньше» и «больше». ","type":"unstyled","key":"8es0m"},{"data":{"image":{"id":"67a4bdec201dae275986f531"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Рис А.","type":"atomic:image","key":"88rj3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":3,"style":"BOLD"}],"text":"На Рис А, мы видим шаблон, ДЛЯ КАЖДОГО HTML файла. Можно ее либо запомнить, либо постоянно ставить в начале строчки кода в пустом редакторе ( ! )-твердый знак и нажимает Tab. У нас вылазиет полностью готовый шаблон.","type":"unstyled","key":"5qu9n"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"1.Теги","type":"header-two","key":"237jo"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":16,"offset":15,"style":"BOLD"}],"text":"Примеры тегов:

,
,
.","type":"unstyled","key":"6fhv5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Теги бывают парными и одиночными. ","type":"unstyled","key":"ba2e1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":19,"offset":14,"style":"BOLD"}],"text":"Например, тег — одиночный:","type":"unstyled","key":"d0eoa"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":40,"offset":0,"style":"BOLD"}],"text":"","type":"unstyled","key":"5qnn"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Парные теги могут содержать текст и другие теги. У парных тегов, в отличие от одиночных, есть вторая половинка — закрывающий тег. В закрывающих тегах перед именем ставится символ / («слэш»):","type":"unstyled","key":"dn0f4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":24,"offset":0,"style":"BOLD"}],"text":"
Текст заголовка
","type":"unstyled","key":"4gb8l"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Пока просто запомните что есть парные и одинарные теги. Что написано в тегах запоминать не обязательно","type":"blockquote","key":"dpk71"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":8,"offset":217,"style":"ITALIC"}],"text":"Ещё одна полезная вещь — это комментарии. Код, заключённый между символами , работать не будет. Если эти символы удалить, то код заработает, это называется «раскомментировать». С помощью комментариев обычно временно отключают какой-то код или оставляют подсказки и разъяснения.","type":"unstyled","key":"8rr9m"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":31,"offset":0,"style":"BOLD"}],"text":"","type":"unstyled","key":"arg9k"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"В каждом языке программирование есть свои плюсы и минусы. И все они чем то либо отличаются, так и комментарии вы не можете прокомментировать CSS, JS-JavaScript код, которым комментировали в Html.","type":"blockquote","key":"2kmc4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":48,"offset":0,"style":"BOLD"}],"text":"2.Список, как сделать. Что такое ul, li, ol, dl.","type":"header-two","key":"4uma0"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":35,"offset":0,"style":"BOLD"}],"text":"Тег ul: маркированный список в HTML","type":"header-two","key":"3r5so"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Маркированный список подходит для случаев, когда информацию надо просто перечислить и нам не нужна строгая иерархия. Браузер автоматически добавляет отступы и маркеры слева от списка, чтобы данные не сливались с остальным текстом.","type":"unstyled","key":"3u2i1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Маркированный список в HTML можно создать с помощью парного тега
. В него помещаются пункты, которые оборачиваются в теги
. Рассмотрим на примере процесс создания простого маркированного списка из пяти элементов:","type":"unstyled","key":"1ha60"},{"data":{"image":{"id":"67a4bff4c0fabf65659d261f"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Так выглядит список маркированный в виде кода.","type":"atomic:image","key":"a03br"},{"data":{"image":{"id":"67a4c010cab8e04de8a18af8"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"А так будет выглядеть на сайте","type":"atomic:image","key":"bidna"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"f308c"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":34,"offset":0,"style":"BOLD"}],"text":"Тег ol: нумерованный список в HTML","type":"header-two","key":"1qnsn"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"С помощью нумерованного списка можно расположить элементы в строгом порядке. Нумерация начинается сверху и по умолчанию обозначается арабскими цифрами.","type":"unstyled","key":"bqbuf"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Нумерованный список создаётся с помощью парного тега
. После этого его можно заполнить элементами, которые обёрнуты в
:","type":"unstyled","key":"f418t"},{"data":{"image":{"id":"67a4c040cab8e04de8a1f285"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Код","type":"atomic:image","key":"4h4cd"},{"data":{"image":{"id":"67a4c04da643f44fed2480d0"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Что видим на старнице","type":"atomic:image","key":"4nlkk"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":33,"offset":0,"style":"BOLD"}],"text":"Тег dl: список определений в HTML","type":"header-two","key":"86dgj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Список определений похож на словарь, в котором содержатся записи в формате «слово — значение». Создать его несложно, но на вёрстку может уйти больше времени, чем при работе с маркированными и нумерованными списками.","type":"unstyled","key":"3n7rb"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Для начала обозначим парные теги
. А потом добавим в них пункты с помощью тегов
для терминов, а
— для определений. Важно не перепутать последовательность и ничего не пропустить, иначе браузер не сможет правильно отобразить содержимое.","type":"unstyled","key":"9an9k"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Вот как это выглядит на примере:","type":"unstyled","key":"84tt6"},{"data":{"image":{"id":"67a4c0929923b02974ba808e"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Код","type":"atomic:image","key":"89ofa"},{"data":{"image":{"id":"67a4c0a1fb735d3888f26280"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"5tpfp"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Главное не перепутать в коде ничего, иначе вот.","type":"header-three","key":"agrja"},{"data":{"image":{"id":"67a4c0cc86909f43e57342dc"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"1r6ic"},{"data":{"image":{"id":"67a4c0d29578be013ec4650a"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"4j6sp"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"На 1 раз хватит, учим и переходим ко второму)!","type":"header-two","key":"57sm1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"marker","key":"Pfl9DDLqb9iWjjubjZqB"}],"entityMap":{}},"mentions":[]}