Откройте текстовый редактор, создайте новый файл с именем index. html и сохраните его в место, которое не забудете. ... В файле index. ... Внутри элемента добавим элементы и . ... </li><li class="TrT0Xe">Внутри элемента <body> добавим элементы <h1> и <p>. ... </li><li class="TrT0Xe">Пришло время взглянуть на то, что мы сделали!</li></ol>">
<link rel="stylesheet" id="wp-block-library-css" href="../wp-includes/css/dist/block-library/style.min.css" type="text/css" media="all">
<link rel="stylesheet" id="wp-block-library-css" href="../includes/css/dist/block-library/style.min.css" type="text/css" media="all">
<link rel="stylesheet" id="contact-form-7-css" href="../wp-content/plugins/contact-form-7/includes/css/styles.css" type="text/css" media="all">
<link rel="stylesheet" id="toc-screen-css" href="../wp-content/plugins/table-of-contents-plus/screen.min.css" type="text/css" media="all">
<link rel="stylesheet" id="generate-style-grid-css" href="../wp-content/themes/generatepress/css/unsemantic-grid.min.css" type="text/css" media="all">
<link rel="stylesheet" id="generate-style-css" href="../wp-content/themes/generatepress/style.min.css" type="text/css" media="all">
<style id="generate-style-inline-css" type="text/css">.entry-header .entry-meta {display:none;}@media (max-width:768px){}
.generate-columns {margin-bottom: 20px;padding-left: 20px;}.generate-columns-container {margin-left: -20px;}.page-header {margin-bottom: 20px;margin-left: 20px}.generate-columns-container > .paging-navigation {margin-left: 20px;}
body{background-color:#efefef;color:#3a3a3a;}a, a:visited{color:#598889;}a:visited{color:#598889;}a:hover, a:focus, a:active{color:#598889;}body .grid-container{max-width:1100px;}body, button, input, select, textarea{font-family:Roboto;font-size:18px;}body{line-height:1.7;}p{margin-bottom:1.7em;}.entry-content > [class*="wp-block-"]:not(:last-child){margin-bottom:1.7em;}.main-navigation a, .menu-toggle{font-weight:normal;font-size:21px;}.main-navigation .main-nav ul ul li a{font-size:19px;}@media (max-width:768px){.main-title{font-size:30px;}h1{font-size:30px;}h2{font-size:25px;}}.top-bar{background-color:#636363;color:#ffffff;}.top-bar a,.top-bar a:visited{color:#ffffff;}.top-bar a:hover{color:#303030;}.site-header{background-color:#ffffff;color:#3a3a3a;}.site-header a,.site-header a:visited{color:#3a3a3a;}.main-title a,.main-title a:hover,.main-title a:visited{color:#222222;}.site-description{color:#757575;}.main-navigation,.main-navigation ul ul{background-color:#466C6F;}.main-navigation .main-nav ul li a,.menu-toggle{color:#ffffff;}.main-navigation .main-nav ul li:hover > a,.main-navigation .main-nav ul li:focus > a, .main-navigation .main-nav ul li.sfHover > a{color:#ffffff;background-color:#598889;}button.menu-toggle:hover,button.menu-toggle:focus,.main-navigation .mobile-bar-items a,.main-navigation .mobile-bar-items a:hover,.main-navigation .mobile-bar-items a:focus{color:#ffffff;}.main-navigation .main-nav ul li[class*="current-menu-"] > a{color:#ffffff;background-color:#598889;}.main-navigation .main-nav ul li[class*="current-menu-"] > a:hover,.main-navigation .main-nav ul li[class*="current-menu-"].sfHover > a{color:#ffffff;background-color:#598889;}.navigation-search input[type="search"],.navigation-search input[type="search"]:active{color:#598889;background-color:#598889;}.navigation-search input[type="search"]:focus{color:#ffffff;background-color:#598889;}.main-navigation ul ul{background-color:#466C6F;}.main-navigation .main-nav ul ul li a{color:#ffffff;}.main-navigation .main-nav ul ul li:hover > a,.main-navigation .main-nav ul ul li:focus > a,.main-navigation .main-nav ul ul li.sfHover > a{color:#ffffff;background-color:#598889;}.main-navigation .main-nav ul ul li[class*="current-menu-"] > a{color:#ffffff;background-color:#598889;}.main-navigation .main-nav ul ul li[class*="current-menu-"] > a:hover,.main-navigation .main-nav ul ul li[class*="current-menu-"].sfHover > a{color:#ffffff;background-color:#598889;}.separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .one-container .container, .separate-containers .paging-navigation, .inside-page-header{background-color:#ffffff;}.entry-meta{color:#595959;}.entry-meta a,.entry-meta a:visited{color:#595959;}.entry-meta a:hover{color:#1e73be;}.sidebar .widget{background-color:#ffffff;}.sidebar .widget .widget-title{color:#000000;}.footer-widgets{background-color:#ffffff;}.footer-widgets .widget-title{color:#000000;}.site-info{color:#ffffff;background-color:#466C6F;}.site-info a,.site-info a:visited{color:#ffffff;}.site-info a:hover{color:#ffffff;}.footer-bar .widget_nav_menu .current-menu-item a{color:#ffffff;}input[type="text"],input[type="email"],input[type="url"],input[type="password"],input[type="search"],input[type="tel"],input[type="number"],textarea,select{color:#666666;background-color:#fafafa;border-color:#cccccc;}input[type="text"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="password"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="number"]:focus,textarea:focus,select:focus{color:#666666;background-color:#ffffff;border-color:#bfbfbf;}button,html input[type="button"],input[type="reset"],input[type="submit"],a.button,a.button:visited,a.wp-block-button__link:not(.has-background){color:#ffffff;background-color:#466C6F;}button:hover,html input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:hover,a.button:hover,button:focus,html input[type="button"]:focus,input[type="reset"]:focus,input[type="submit"]:focus,a.button:focus,a.wp-block-button__link:not(.has-background):active,a.wp-block-button__link:not(.has-background):focus,a.wp-block-button__link:not(.has-background):hover{color:#ffffff;background-color:#598889;}.generate-back-to-top,.generate-back-to-top:visited{background-color:#466C6F;color:#ffffff;}.generate-back-to-top:hover,.generate-back-to-top:focus{background-color:#598889;color:#ffffff;}.inside-header{padding:10px 40px 10px 40px;}.separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .separate-containers .paging-navigation, .one-container .site-content, .inside-page-header{padding:30px 40px 30px 40px;}.entry-content .alignwide, body:not(.no-sidebar) .entry-content .alignfull{margin-left:-40px;width:calc(100% + 80px);max-width:calc(100% + 80px);}@media (max-width:768px){.separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .separate-containers .paging-navigation, .one-container .site-content, .inside-page-header{padding:30px;}.entry-content .alignwide, body:not(.no-sidebar) .entry-content .alignfull{margin-left:-30px;width:calc(100% + 60px);max-width:calc(100% + 60px);}}.rtl .menu-item-has-children .dropdown-menu-toggle{padding-left:20px;}.rtl .main-navigation .main-nav ul li.menu-item-has-children > a{padding-right:20px;}.one-container .sidebar .widget{padding:0px;}/* End cached CSS */
.slideout-navigation.main-navigation .main-nav ul li a{font-weight:normal;text-transform:none;}</style>
<link rel="stylesheet" id="generate-mobile-style-css" href="../wp-content/themes/generatepress/css/mobile.min.css" type="text/css" media="all">
<link rel="stylesheet" id="generate-blog-css" href="../wp-content/plugins/gp-premium/blog/functions/css/style-min.css" type="text/css" media="all">
<script type="text/javascript" src="../includes/js/jquery/jquery.min.js" id="jquery-core-js"></script>
<script type="text/javascript" src="../includes/js/jquery/jquery-migrate.min.js" id="jquery-migrate-js"></script>
<style>.pseudo-clearfy-link { color: #008acf; cursor: pointer;}.pseudo-clearfy-link:hover { text-decoration: none;}</style>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" href="../img/rff32.png" sizes="32x32">
<link rel="icon" href="../img/rff192.png" sizes="192x192">
<link rel="apple-touch-icon" href="../img/rff192.png">
<meta name="msapplication-TileImage" content="../img/rff270.png"></head>
<body class="post-template-default single single-post single-format-standard wp-custom-logo wp-embed-responsive post-image-above-header post-image-aligned-center sticky-menu-fade no-sidebar nav-below-header fluid-header one-container active-footer-widgets-0 nav-aligned-center header-aligned-center dropdown-hover" itemtype="https://schema.org/Blog" itemscope> <a class="screen-reader-text skip-link" href="#content" title="Перейти к содержимому">Перейти к содержимому</a> <header id="masthead" class="site-header" itemtype="https://schema.org/WPHeader" itemscope>
<div class="inside-header grid-container grid-parent">
<div class="site-logo">
<a href="../index.php" title="Онлайн журнал про РФ" rel="home">
<img class="header-image" alt="Онлайн журнал про РФ" src="../img/rf-logo.png" title="Онлайн журнал про РФ">
</a>
</div>
</div>
<!-- .inside-header -->
</header><nav id="site-navigation" class="main-navigation" itemtype="https://schema.org/SiteNavigationElement" itemscope>
<div class="inside-navigation grid-container grid-parent">
<button class="menu-toggle" aria-controls="primary-menu" aria-expanded="false">
<span class="mobile-menu">Меню</span>
</button>
<div id="primary-menu" class="main-nav"><ul id="menu-tgf" class=" menu sf-menu">
<li id="menu-item" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children">
<a href="../category/voprosi-1">Вопросы<span role="presentation" class="dropdown-menu-toggle"></span></a>
<ul class="sub-menu">
<li class="menu-item menu-item-type-taxonomy menu-item-object-category"><a href="../category/izmenenia-1">Изменения</a></li>
<li class="menu-item menu-item-type-taxonomy menu-item-object-category"><a href="../category/otlicia-1">Отличия</a></li>
<li class="menu-item menu-item-type-taxonomy menu-item-object-category"><a href="../category/yslovia-1">Условия</a></li>
<li class="menu-item menu-item-type-taxonomy menu-item-object-category"><a href="../category/ydalen-1">Удаление</a></li>
<li class="menu-item menu-item-type-taxonomy menu-item-object-category"><a href="../category/deistv-1">Действия</a></li>
</ul>
</li>
<li id="menu-item" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children">
<a href="../category/raznoe-1">Разное<span role="presentation" class="dropdown-menu-toggle"></span></a>
<ul class="sub-menu">
<li class="menu-item menu-item-type-taxonomy menu-item-object-category"><a href="../category/godi-1">Годы</a></li>
<li class="menu-item menu-item-type-taxonomy menu-item-object-category"><a href="../category/cveta-1">Цвета</a></li>
<li class="menu-item menu-item-type-taxonomy menu-item-object-category"><a href="../category/telefoni-1">Телефоны</a></li>
<li class="menu-item menu-item-type-taxonomy menu-item-object-category"><a href="../category/stranici-1">Страницы</a></li>
</ul>
</li>
<li id="menu-item" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children">
<a href="../category/dokyment-1">Документы<span role="presentation" class="dropdown-menu-toggle"></span></a>
<ul class="sub-menu">
<li class="menu-item menu-item-type-taxonomy menu-item-object-category"><a href="../category/opredelenia-1">Определения</a></li>
<li class="menu-item menu-item-type-taxonomy menu-item-object-category"><a href="../category/proverki-1">Проверки</a></li>
<li class="menu-item menu-item-type-taxonomy menu-item-object-category"><a href="../category/nalogi-1">Налоги</a></li>
<li class="menu-item menu-item-type-taxonomy menu-item-object-category"><a href="../category/vozvrat-1">Возврат</a></li>
<li class="menu-item menu-item-type-taxonomy menu-item-object-category"><a href="../category/oformlen-1">Оформление</a></li>
<li class="menu-item menu-item-type-taxonomy menu-item-object-category"><a href="../category/otkritia-1">Открытие</a></li>
<li class="menu-item menu-item-type-taxonomy menu-item-object-category"><a href="../category/polychen-1">Получение</a></li>
<li class="menu-item menu-item-type-taxonomy menu-item-object-category"><a href="../category/poisk-1">Поиск</a></li>
<li class="menu-item menu-item-type-taxonomy menu-item-object-category"><a href="../category/xranen-1">Хранение</a></li>
</ul>
</li>
<li id="menu-item" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children">
<a href="../category/kompyter-1">Компьютеры<span role="presentation" class="dropdown-menu-toggle"></span></a>
<ul class="sub-menu">
<li class="menu-item menu-item-type-taxonomy menu-item-object-category"><a href="../category/windows-1">Windows</a></li>
<li class="menu-item menu-item-type-taxonomy menu-item-object-category"><a href="../category/program-1">Программы</a></li>
<li class="menu-item menu-item-type-taxonomy menu-item-object-category"><a href="../category/system-1">Система</a></li>
<li class="menu-item menu-item-type-taxonomy menu-item-object-category"><a href="../category/podklychen-1">Подключения</a></li>
<li class="menu-item menu-item-type-taxonomy menu-item-object-category"><a href="../category/nastroiki-1">Настройки</a></li>
<li class="menu-item menu-item-type-taxonomy menu-item-object-category"><a href="../category/vibor-1">Выбор</a></li>
<li class="menu-item menu-item-type-taxonomy menu-item-object-category"><a href="../category/otklychen-1">Отключение</a></li>
<li class="menu-item menu-item-type-taxonomy menu-item-object-category"><a href="../category/ystanovk-1">Установки</a></li>
</ul>
</li>
<li id="menu-item" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children">
<a href="../category/lydi-1">Люди<span role="presentation" class="dropdown-menu-toggle"></span></a>
<ul class="sub-menu">
<li class="menu-item menu-item-type-taxonomy menu-item-object-category"><a href="../category/imena-1">Имена</a></li>
<li class="menu-item menu-item-type-taxonomy menu-item-object-category"><a href="../category/kvartira-1">Квартиры</a></li>
<li class="menu-item menu-item-type-taxonomy menu-item-object-category"><a href="../category/dengi-1">Деньги</a></li>
<li class="menu-item menu-item-type-taxonomy menu-item-object-category"><a href="../category/dom-1">Дома</a></li>
<li class="menu-item menu-item-type-taxonomy menu-item-object-category"><a href="../category/yborka-1">Уборка</a></li>
<li class="menu-item menu-item-type-taxonomy menu-item-object-category"><a href="../category/podarki-1">Подарки</a></li>
<li class="menu-item menu-item-type-taxonomy menu-item-object-category"><a href="../category/znania-1">Знания</a></li>
<li class="menu-item menu-item-type-taxonomy menu-item-object-category"><a href="../category/rabota-1">Работа</a></li>
<li class="menu-item menu-item-type-taxonomy menu-item-object-category"><a href="../category/vremja-1">Время</a></li>
</ul>
</li>
<li id="menu-item" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children">
<a href="../category/rf-1">РФ<span role="presentation" class="dropdown-menu-toggle"></span></a>
<ul class="sub-menu">
<li class="menu-item menu-item-type-taxonomy menu-item-object-category"><a href="../category/oboznachen-1">Обозначения</a></li>
<li class="menu-item menu-item-type-taxonomy menu-item-object-category"><a href="../category/jaziki-1">Языки</a></li>
<li class="menu-item menu-item-type-taxonomy menu-item-object-category"><a href="../category/zemli-1">Земли</a></li>
<li class="menu-item menu-item-type-taxonomy menu-item-object-category"><a href="../category/chasti-1">Части</a></li>
<li class="menu-item menu-item-type-taxonomy menu-item-object-category"><a href="../category/slova-1">Слова</a></li>
<li class="menu-item menu-item-type-taxonomy menu-item-object-category"><a href="../category/nazvania-1">Названия</a></li>
</ul>
</li>
<li id="menu-item" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="../kontakty.php">✉</a></li>
</div> </div>
</nav>
<div id="page" class="hfeed site grid-container container grid-parent">
<div id="content" class="site-content">
<div id="primary" class="content-area grid-parent mobile-grid-100 grid-100 tablet-grid-100">
<main id="main" class="site-main"> <!--?php include ('../i5.php'); ?-->
<article class="post type-post status-publish format-standard hentry category-zapysk no-featured-image-padding" itemtype="https://schema.org/CreativeWork" itemscope>
<div class="inside-article">
<header class="entry-header">
<h1 class="entry-title" itemprop="headline">Как сделать свой сайт html?</h1>
<div class="entry-meta"></div>
</header>
<div class="entry-content" itemprop="text">
<div id="toc_container" class="toc_white no_bullets">
<p class="toc_title">Содержание</p>
<ul class="toc_list">
<li><a href="#1"><span class="toc_number toc_depth_1">- </span>Как создать страницу с помощью HTML?</a></li>
<li><a href="#2"><span class="toc_number toc_depth_1">- </span>Что можно сделать с помощью HTML?</a></li>
<li><a href="#3"><span class="toc_number toc_depth_1">- </span>Как открыть сайт в виде HTML?</a></li>
<li><a href="#4"><span class="toc_number toc_depth_1">- </span>Как открыть html файл в блокноте?</a></li>
<li><a href="#5"><span class="toc_number toc_depth_1">- </span>Как создать вторую страницу на сайте HTML?</a></li>
<li><a href="#6"><span class="toc_number toc_depth_1">- </span>Как преобразовать файл txt в HTML?</a></li>
<li><a href="#7"><span class="toc_number toc_depth_1">- </span>Какой атрибут HTML используется для создания встроенных стилей?</a></li>
<li><a href="#8"><span class="toc_number toc_depth_1">- </span>Как сохранить страницу в формате HTML?</a></li>
<li><a href="#9"><span class="toc_number toc_depth_1">- </span>Как создать свой сайт?</a></li>
<li><a href="#10"><span class="toc_number toc_depth_1">- </span>Как открыть HTML файл в браузере?</a></li>
<li><a href="#11"><span class="toc_number toc_depth_1">- </span>Как открыть сайт в редакторе кода?</a></li>
<li><a href="#12"><span class="toc_number toc_depth_1">- </span>Как открыть редактор в браузере?</a></li>
<li><a href="#13"><span class="toc_number toc_depth_1">- </span>Как включить HTML в Chrome?</a></li>
</ul>
</div>
<h2><span id="1">Как создать страницу с помощью HTML?</span></h2>
<p>
<b>Вот так!</b><ol class="X5LH0c"><li class="TrT0Xe">Откройте текстовый редактор, создайте новый файл с именем index. <b>html</b> и сохраните его в место, которое не забудете. ... </li><li class="TrT0Xe">В файле index. ... </li><li class="TrT0Xe">Внутри элемента <head> добавим элементы <meta> и <title>. ... </li><li class="TrT0Xe">Внутри элемента <body> добавим элементы <h1> и <p>. ... </li><li class="TrT0Xe">Пришло время взглянуть на то, что мы сделали!</li></ol>
</p>
<h2><span id="2">Что можно сделать с помощью HTML?</span></h2>
<p>
<b>HTML</b> предоставляет средства для <b>создания</b> заголовков, абзацев, списков, ссылок, цитат и других элементов. Элементы <b>HTML</b> выделяются тегами, записанными с использованием угловых скобок. Такие теги, как <img /> и <input /> , напрямую вводят контент на страницу.
</p>
<!--r1-->
<!--r1--><h2><span id="3">Как открыть сайт в виде HTML?</span></h2>
<p>
Откройте файл с помощью любого веб-браузера: Google Chrome, Mozilla Firefox, Safari и так далее. Большинство систем ассоциирует <b>HTML</b>-файлы с браузерами. Это означает, что не нужно запускать браузер, чтобы <b>открыть HTML</b>-файл — просто дважды щелкните по файлу, и он откроется в браузере.
</p>
<h2><span id="4">Как открыть html файл в блокноте?</span></h2>
<p>
Файл → <b>Открыть</b> → выбираем «Все файлы» в фильтре, ищем нужный файл . <b>html</b> → [<b>Открыть</b>].
<div style="text-align:center;"><iframe width="560" height="315" src="https://www.youtube.com/embed/IEaR7a9-idg" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>
</p>
<h2><span id="5">Как создать вторую страницу на сайте HTML?</span></h2>
<p>
<b><b>HTML</b>.</b> <b>Как создавать подстраницы</b><ol class="X5LH0c"><li class="TrT0Xe"> Откройте папку с сайтом и найдите <b>страницу</b>, которая больше всего похожа на такую <b>страницу</b>, создать которую вы хотите. ... </li><li class="TrT0Xe"> Скопируйте и вставьте выбранную <b>страницу</b> в ту же самую папку. ... </li><li class="TrT0Xe"> Откройте новую <b>страницу</b> с помощью <b>HTML</b> редактора и внесите все желаемые изменения.</li></ol>
</p>
<div class="rl_cnt_bg" data-id="285410"></div>
<div id="vid_vpaut_div" style=" display:inline-block;width:600px;height:320px" vid_vpaut_pl="10174"></div><h2><span id="6">Как преобразовать файл txt в HTML?</span></h2>
<p>
<b>Конвертирование txt в <b>html</b></b><ol class="X5LH0c"><li class="TrT0Xe">Рисунок 1.Команда открыть <b>файл</b> в программе Блокнот Теперь необходимо пересохранить исходный документ в формате веб-страниц — <b>html</b>. Для этого выполняем команду <b>Файл</b> > Сохранить как:</li><li class="TrT0Xe">Рисунок 2. Команда «Сохранить как» в программе Блокнот ... </li><li class="TrT0Xe">Рисунок 3. Сохранение <b>файла</b> в программе Блокнот</li></ol>
</p>
<h2><span id="7">Какой атрибут HTML используется для создания встроенных стилей?</span></h2>
<p>
Но есть ещё один способ подключения <b>стилей</b> — встраивание прямо в документ вместо подключения по ссылке. <b>Стили</b> подключатся либо внутри тега <style> , либо прописываются в значении <b>атрибута</b> style самих <b>HTML</b>-элементов.
</p>
<h2><span id="8">Как сохранить страницу в формате HTML?</span></h2>
<p>
<b>Чтобы <b>сохранить страницу</b>, требуется подключение к Интернету.</b><ol class="X5LH0c"><li class="TrT0Xe">Откройте Chrome на компьютере.</li><li class="TrT0Xe">Перейдите на <b>страницу</b>, которую хотите <b>сохранить</b>.</li><li class="TrT0Xe">В правом верхнем углу экрана нажмите на значок "Ещё" Дополнительные инструменты <b>Сохранить страницу</b> как.</li><li class="TrT0Xe">Укажите, где вы хотите <b>сохранить</b> файл.</li><li class="TrT0Xe">Нажмите <b>Сохранить</b>.</li></ol>
<div style="text-align:center;"><iframe width="560" height="315" src="https://www.youtube.com/embed/F8FaSWpe3kM" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>
</p>
<div class="rl_cnt_bg" data-id="285411"></div><h2><span id="9">Как создать свой сайт?</span></h2>
<p>
<b><b>Как создать</b>, назвать или скопировать <b>сайт</b></b><ol class="X5LH0c"><li class="TrT0Xe">Откройте новую версию Google <b>Сайтов</b> на компьютере.</li><li class="TrT0Xe">Выберите шаблон под надписью "<b>Создать сайт</b>".</li><li class="TrT0Xe">Введите название сайта в левом верхнем углу экрана и нажмите клавишу Ввод.</li><li class="TrT0Xe">Добавьте контент.</li><li class="TrT0Xe">В правом верхнем углу нажмите Опубликовать.</li></ol>
</p>
<h2><span id="10">Как открыть HTML файл в браузере?</span></h2>
<p>
Чтобы открыть наш файл в <b>браузере</b> наводим указатель мыши на файл, кликаем правой кнопкой мыши, в открывшемся окне выбираем "Открыть с помощью" и выбираем <b>браузер</b> которым пользуемся.
</p>
<h2><span id="11">Как открыть сайт в редакторе кода?</span></h2>
<p>
Чтобы просмотреть <b>сайт</b>, нужно <b>открыть</b> файл index. html в любом браузере, который есть в вашей операционной системе. Чтобы не только посмотреть, но и что-нибудь поменять на сайте, понадобится <b>редактор кода</b>.
</p>
<div class="rl_cnt_bg" data-id="285412"></div><h2><span id="12">Как открыть редактор в браузере?</span></h2>
<p>
Если вы работаете через <b>браузер</b> FireFox или Chrome, то откройте страницу сайта, которую хотите отредактировать, и кликните на клавишу F12 на клавиатуре.
<div style="text-align:center;"><iframe width="560" height="315" src="https://www.youtube.com/embed/K0VygJaae58" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>
</p>
<h2><span id="13">Как включить HTML в Chrome?</span></h2>
<p>
Находясь в браузере Google <b>Chrome</b>, зажмите на клавиатуре следующие кнопки: Ctrl+U. Подобная функция доступна и в выпадающем списке «Исходный текст страницы», если нажать на любое место правой кнопкой мыши. На экране в новой вкладке появится консоль, где будет представлен код веб-ресурса.
</p>
<div class="rl_cnt_bg" data-id="285413"></div><p>Интересные материалы:</p>
<p>
<a href="../kak-pravilno-podsinit-bele" target="_blank">Как правильно Подсинить белье?</a><br>
<a href="../kak-pravilno-podvernut-dzhinsy" target="_blank">Как правильно подвернуть джинсы?</a><br>
<a href="../kak-pravilno-pokrasit-brovi-kraskoi-v-domashnikh" target="_blank">Как правильно покрасить брови краской в домашних?</a><br>
<a href="../kak-pravilno-pokrasit-resnitsy-kraskoi-v-domashnikh" target="_blank">Как правильно покрасить ресницы краской в домашних?</a><br>
<a href="../kak-pravilno-polozhit-pergament" target="_blank">Как правильно положить пергамент?</a><br>
<a href="../kak-pravilno-polzovatsia-berushami-dlia-sna" target="_blank">Как правильно пользоваться берушами для сна?</a><br>
<a href="../kak-pravilno-polzovatsia-concealer" target="_blank">Как правильно пользоваться Concealer?</a><br>
<a href="../kak-pravilno-polzovatsia-dnevnym-kremom" target="_blank">Как правильно пользоваться дневным кремом?</a><br>
<a href="../kak-pravilno-polzovatsia-glitterom" target="_blank">Как правильно пользоваться Глиттером?</a><br>
<a href="../kak-pravilno-polzovatsia-khailaiterom-dlia-litsa-poshagovoe" target="_blank">Как правильно пользоваться хайлайтером для лица пошаговое?</a><br></p>
</div>
</div>
</article>
</main>
</div>
</div>
<!-- #content -->
</div>
<!-- #page -->
<!-- inc --> <div class="site-footer">
<footer class="site-info" itemtype="https://schema.org/WPFooter" itemscope>
<div class="inside-site-info grid-container grid-parent">
<div class="copyright-bar">
2021 </div>
</div>
</footer><!-- .site-info -->
</div>
<!-- .site-footer -->
<a title="Прокрутка вверх" rel="nofollow" href="#" class="generate-back-to-top" style="opacity:0;visibility:hidden;" data-scroll-speed="400" data-start-scroll="300">
<span class="screen-reader-text">Прокрутка вверх</span>
</a>
<script type="text/javascript">var pseudo_links = document.querySelectorAll(".pseudo-clearfy-link");for (var i=0;i<pseudo_links.length;i++ ) { pseudo_links[i].addEventListener("click", function(e){ window.open( e.target.getAttribute("data-uri") ); }); }</script><script type="text/javascript" id="contact-form-7-js-extra">
/* <![CDATA[ */
/* ]]> */
</script>
<script type="text/javascript" src="../wp-content/plugins/contact-form-7/includes/js/scripts.js" id="contact-form-7-js"></script>
<script type="text/javascript" id="toc-front-js-extra">
/* <![CDATA[ */
var tocplus = {"visibility_show":"Показать","visibility_hide":"Скрыть","visibility_hide_by_default":"1","width":"Auto"};
/* ]]> */
</script>
<script type="text/javascript" src="../wp-content/plugins/table-of-contents-plus/front.min.js" id="toc-front-js"></script>
<!--[if lte IE 11]>
<script type='text/javascript' src='./wp-content/themes/generatepress/js/classList.min.js' id='generate-classlist-js'></script>
<![endif]-->
<script type="text/javascript" src="../wp-content/themes/generatepress/js/menu.min.js" id="generate-menu-js"></script>
<script type="text/javascript" src="../wp-content/themes/generatepress/js/a11y.min.js" id="generate-a11y-js"></script>
<script type="text/javascript" src="../wp-content/themes/generatepress/js/back-to-top.min.js" id="generate-back-to-top-js"></script>
<script type="text/javascript" src="../includes/js/wp-embed.min.js" id="wp-embed-js"></script> <!-- footer -->
<!-- inc --> <!-- Yandex.Metrika counter -->
<script type="text/javascript" >
(function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
m[i].l=1*new Date();k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)})
(window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");
ym(86708715, "init", {
clickmap:true,
trackLinks:true,
accurateTrackBounce:true
});
</script>
<noscript><div><img src="https://mc.yandex.ru/watch/86708715" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
<!-- /Yandex.Metrika counter -->
<!--LiveInternet counter--><script>
new Image().src = "https://counter.yadro.ru/hit?r"+
escape(document.referrer)+((typeof(screen)=="undefined")?"":
";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?
screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+
";h"+escape(document.title.substring(0,150))+
";"+Math.random();</script><!--/LiveInternet-->
<!-- counter -->
</body>
</html>