{"draftJsState":{"blocks":[{"data":{},"depth":0,"entityRanges":[{"key":0,"length":7,"offset":1017},{"key":1,"length":9,"offset":1175},{"key":2,"length":9,"offset":1241}],"inlineStyleRanges":[{"length":5,"offset":420,"style":"BOLD"},{"length":4,"offset":657,"style":"BOLD"},{"length":4,"offset":724,"style":"BOLD"},{"length":4,"offset":859,"style":"BOLD"},{"length":15,"offset":970,"style":"BOLD"},{"length":4,"offset":1028,"style":"BOLD"},{"length":5,"offset":1188,"style":"BOLD"},{"length":2,"offset":1254,"style":"BOLD"},{"length":1,"offset":1324,"style":"BOLD"}],"text":"Сегодня мы разберемся как создать сайт в блокноте при помощи HTML. HTML-документ должен иметь следующую структуру:\n\n \n \n Как создать сайт с нуля - \"Нубекс\"\n \n \n

Мой первый сайт в блокноте HTML

Привет! Это мой первый сайт.

\n \n\nСкопируйте приведенный код в блокнот (Notepad) и сохраните на компьютере в формате .html . Чтобы теперь посмотреть на нашу веб-страницу, откройте сохраненный файл с помощью браузера (Правой кнопкой мыши -> Открыть с помощью).Большинство тегов, которые используются в нашем коде уже были рассмотрены в предыдущих статьях:html - корневой тег документа, является контейнером веб-страницы;\nhead - в этом теге указываются основные данные, касающиеся генерации веб-страницы (заголовок, стили, скрипты, мета-теги и так далее);\nbody - основной тег страницы. Представляет собой \"тело\" документа, внутрь которого помещаются остальные теги;\n - указывает на тип документа (Doctype );\nmeta - используется для указания метаданных страницы (в нашем случае тег указывает на кодировку страницы. Подробнее о мета-тегах читайте в статье Мета-теги );\ntitle - задает непосредственный заголовок страницы (Тег title );\nH1 - заголовок страницы/статьи (подзаголовки задаются тегами H2-H6);\nP - тег, с помощью которого выделяются абзацы в тексте страницы;\nКак показано выше, HTML-страницы сайта имеют древовидную структуру. Одни теги могут быть вложены в другие, а те, в свою очередь, - в третьи. Это означает, что структура документа определена достаточно четко. Открывающиеся теги обязательно должны иметь закрывающую пару. Немного усложним нашу страницу:\n\n \n \n ООО Василий Пупкин\n \n \n

Информация о нашей компании

\n\t

Кто мы?

\n\t

Мы - комманда профессионалов.

Наши услуги

\n\t

Создание сайтов

\n\t

Мы создаем по-настоящему крутые сайты.

\n\t

Продвижение сайтов

\n\t

Ваш сайт в ТОП-3 поисковых систем через 2 дня.

\n\t

Посадка картошки

\n\t

20 соток в час.

Контакты

\n\t

Карта проезда: \n\t ...\t\n\t

\n\t

Телефон: 0000

\n \n\n","type":"unstyled","key":"6in1o"},{"data":{"image":{"id":"60656adee1bc535b1063151f"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"34qgs"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"92aqe"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"85aie"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"marker","key":"dwk0NYzzRHeE37TNJFPt"}],"entityMap":{"0":{"data":{"url":"https://zen.yandex.ru/media/id/6052cf0956fb066dafe3ae96/doctype-606566e1fc26715f99db77f1"},"mutability":"MUTABLE","type":"LINK"},"1":{"data":{"url":"https://zen.yandex.ru/media/id/6052cf0956fb066dafe3ae96/meta-tegi-6065697bfc26715f99dd4b17"},"mutability":"MUTABLE","type":"LINK"},"2":{"data":{"url":"https://zen.yandex.ru/media/id/6052cf0956fb066dafe3ae96/teg-title-606567bd94673832dc863feb"},"mutability":"MUTABLE","type":"LINK"}}},"mentions":[]}