Каковы две основные части HTML-документа?

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

, <link>, <style> , <meta> и <script> теги. </p> </div> <div class = "component-article-section-content ui-body article-section-content"> <p> Тег <title> определяет заголовок документа. Тег <link> связывает внешний ресурс, например файл CSS, с документом. Тег <style> определяет стили документа. Тег <meta> используется для определения автора, ключевых слов и описания документа. Тег <script> определяет сценарий, который должен запускаться на компьютере посетителя. Если раздел заголовка не помещен в документ, содержимое документа по-прежнему отображается в браузере. </p> </div> <div class = "component-article-section-inline-ad"> <div class = "inline-ad inline-ad - mobile"> <p class = "inline-ad__label ui-label"> Реклама </p> <div class = "inline-ad__wrapper"> <div id = "slot1-3" data-ad-path = "/ 6117 / dmd.techwalla.mw / slot1-3" data-ad-batch = "1" data-ad-targeting = "{" loc ":" ad_3 "}" data-ad-sizes = "[[300,250], [320,50], [320,100]]" data-ad-bidding = "true" data-ad-breakpoint = "small" data-ad-refresh = "false" data-ad-type = "gpt" ReveAdRefresh = "false" class = "component-ad-gpt рекламное место ad-mobile"> </ div > </div> </div> </div> <div class = "component-article-section-heading article-section-content"> <h2 id = "body-contents"> Содержимое тела </h2> </div> <div class = "component-article-section-content ui -тело article-section-content "> <p> Основной раздел используется для форматирования фактической веб-страницы. Большинство тегов HTML, таких как тег абзаца (<p>), тег привязки (<a>), теги заголовков (от <h1> до <h6>) и тег раздела (<div>), используются в этот раздел документа. Скрипты на стороне сервера также помещаются в этот раздел документа. Если в вашем HTML-документе нет основного раздела, в веб-браузере ничего не отображается. </p> </div> <div class = "component-article-section-heading article-section-content"> <h2 id = "doctype"> DOCTYPE </h2> </div> <div class = "component-article-section-content ui-body article-section-content"> <p> Единственное, что не включено между тегами <html>, - это Объявление DOCTYPE. Если используется, это должна быть первая строка в HTML-документе. Он используется, чтобы сообщить веб-браузеру, какую версию HTML использует документ. Браузер использует это объявление для правильного отображения страницы. Объявление DOCTYPE можно опустить, но браузер может неправильно отображать вашу страницу. </p> </div> <div class = "component-article-section-inline-ad"> <div class = "inline-ad inline-ad - desktop"> <!> <div class = "inline-ad__wrapper"> < div id = "inline1-2" data-ad-path = "/ 6117 / dmd.techwalla / inline1-2" data-ad-batch = "2" data-ad-targeting = "{" loc ":" inline_2 "}" data-ad-sizes = "[[728,90], [300,250]]" data-ad-bidding = "true" data-ad-breakpoint = "medium, large" data-ad-refresh = "false" data-ad-type = "gpt" ReveAdRefresh = "false" class = "component-ad-gpt ad inline ad-desktop"> < / div> </div> </div> </div> <div class = "component-article-section-inline-ad"> <div class = "inline-ad inline-ad - mobile"> <p class = "inline-ad__label ui-label"> Реклама </p> <div class = "inline-ad__wrapper"> <div id = "slot1-4" data-ad-path = "/ 6117 / dmd.techwalla.mw / slot1-4" data-ad-batch = "2" data-ad- targeting = "{" loc ":" ad_4 "}" data-ad-sizes = "[[300,250], [320,50], [320,100]]" data-ad-bidding = "true" data-ad-breakpoint = "small" data-ad-refresh = "false" data-ad-type = "gpt" ReveAdRefresh = "false" class = "component-ad-gpt ad slot ad-mobile"> </div> </div> </div> </div> </article> <!> <div class = "component-article-citations desktop- скрыть мобильный-скрыть "> <div class = "citations-heading"> <div class = "citations-title ui-heading-NN"> ссылки </div> <div class = "citations-dropdown"> <div class = "svg arrow-down-small svg - arrow-down-small "> </div> </div> </div> <div class =" citations-list-wrapper "> <ul class =" citations-list is-hidden "> <li class = "цитаты-элемент ui-body"> <a href = " http://www.w3schools.com/html/html_head.asp" target = "_ blank" rel = "nofollow" class = "citations-link"> W3Schools.com: элементы заголовка HTML </a> </li> <li class = "citations-item ui-body"> <a href = " http://www.w3schools.com/tags/tag_meta.asp" target = "_ blank" rel = "nofollow" class = "citations-link"> W3Schools.com: HTML < Мета> Тег </a> </li> <li class = "citations-item ui-body"> <a href = " http://www.w3schools.com/tags/tag_body.asp" target = "_ blank" rel = "nofollow" class = "citations-link"> W3Schools.com: HTML < Тело> Тег </a> </li> <li class = "citations-item ui-body"> <a href = " http://www.w3schools.com/tags/tag_doctype.asp" target = "_ blank" rel = "nofollow" class = "citations-link"> W3Schools.com: HTML <! DOCTYPE> Объявление </a> </li> </ul> </div> </div> <!> <!> <!> <Div class = "component-ads-by-google end-of-article-ads" > <ins data-ad-client = "pub-0316265116163263" data-ad-slot = "6915260661" data-ad-format = "" class = "nope"> </ins> </div> <!> <!> </div> <aside class = "right-rail rrvNN desktop-show mobile-hide "> <div class =" ad-one "> <div class = "disclaimer-ad-wrapper" style = "top: 20px;"> <div class = "component-Compensation-disclaimer ui-label mobile-hide desktop-show"> Techwalla может получить компенсацию через партнерские ссылки в этой истории. </div> <div class = "ad atf"> <div id = "rightrail1-1" data-ad-path = "/ 6117 / dmd.techwalla / rightrail1-1" data-ad-targeting = "{" loc ":" atf "}" data-ad-batch = "1" data-ad-breakpoint = "large" data-ad-type = "gpt" data-ad-refresh = "true" data-ad-sizes = "[[300, 250], [300, 600]]"> </div> </div> </ div> </div> <div class = "component-article-rcp desktop-show mobile-hide desktop-6 mobile-6 "> <div class =" related-content__heading "> <h4 class =" heading "> <span> Люди читают </span> </h4> </div> <div class =" related-content " > <div id = "articleWrapper0rcpItem0" class = "related-content__item tech-support"> <div class = "item__section item__section - number"> <div> 1 </div> <!> <!> <!> <!> <!> <!> < / div> <div class = "item__section item__section - title "> <!> <!> <!> <a href =" https://www.techwalla.com/articles/how-to-center-an-image-using-html-programming" data-event = "rc_right_rail" data-variant = "cme" data-info = "1" data-label = "/ article / how-to-center-an-image-using-html-programming" title = "Как сделать Центрировать изображение с помощью HTML Программирование "class =" ui-body "> <h5> Как центрировать изображение с помощью программирования HTML </h5> </a> <!> <!> <!> </div> </div> <div id = "articleWrapper0rcpItem1" class = "related-content__item tech-support"> <div class = "item__section item__section - number"> <div> 2 </div> <!> <!> <!> <!> <!> <!> < / div> <div class = "item__section item__section - title "> <!> <!> <!> <a href =" https://www.techwalla.com/articles/how-to-use-javascript-to-print-a-pdf" data-event = "rc_right_rail" data-option = "cme" data-info = "2" data-label = "/ article / how-to-use-javascript-to-print-a-pdf" title = "Как Используйте JavaScript для печати PDF "class =" ui-body "> <h5> Как использовать JavaScript для печати PDF-файла </h5> </a> <!> <!> <!> </div> </div> <div id = "articleWrapper0rcpItem2" class = "related-content__item техподдержка "> <div class =" item__section item__section - number "> <div> 3 </div> <!> <!> <!> <!> <!> <!> </div> <div class = "item__section item__section - title"> <!> <!> <!> <a href = " https://www.techwalla.com/articles/how-to-reduce-the-spacing-between-lines-in-html" data-event = "rc_right_rail" data-option = "cme" data-info = "3" data-label = "/ article / how-to-reduce-the-spacing-between-lines-in-html" title = " Как уменьшить расстояние между линиями в HTML "class =" ui-body "> <h5> Как уменьшить интервал между строками в HTML </h5> </a> <!> <!> <!> </div> </div> <div id = "articleWrapper0rcpItem3" class = "related-content__item технически-для-родителей "> <div class =" item__section item__section - number "> <div> 4 </div> <!> <!> <!> <!> <!> <!> </div> < div class = "item__section item__section - title"> <!> <!> <!> <a href = " https://www.techwalla.com/articles/what-does-html-stand-for" data-event = "rc_right_rail" data-option = "cme" data-info = "4" data-label = "/ article / what-does-html-stand-for" title = "Что означает HTML?" class = "ui-body"> <h5> Что означает HTML? </h5> </a> <!> <!> <!> </div> </div> <div id = "articleWrapper0rcpItem4" class = "related-content__item tech-support"> <div class = "item__section item__section - number "> <div> 5 </div> <!> <!> <!> <!> <!> <!> </div> <div class =" item__section item__section - title "> <! > <!> <!> <a href = " https://www.techwalla.com/articles/how-do-i-make-text-red-in-html" data-event = "rc_right_rail" data-option = "cme" data-info = "5" data-label = "/ article / how-do-i-make-text-red-in-html" title = "Как сделать текст в HTML красным?" class = "ui-body"> <h5> Как сделать текст в HTML красным? </h5> </a> <!> <!> <!> </div> </div> <div id = "articleWrapper0rcpItem5" class = "related-content__item tech-support"> <div class = "item__section item__section - number "> <div> 6 </div> <!> <!> <!> <!> <!> <!> </div> <div class =" item__section item__section - title "> <! > <!> <!> <a href = " https://www.techwalla.com/articles/how-to-type-a-caret-symbol" data-event = "rc_right_rail" data-option = "cme" data-info = "6" data-label = "/ article / how-to-type-a-caret-symbol" title = "Как ввести символ каретки "class =" ui-body "> <h5> Как ввести символ каретки </h5> </a> <!> <!> <!> </div> </div> </div> </div> <div class = "ad-two"> <div class = "ad btf "style =" top: 20px; "> <div id =" rightrail1-2 "data-ad-path =" / 6117 / dmd.techwalla / rightrail1-2 " data-ad-targeting = "{" loc ":" btf "}" data-ad-batch = "1" data-ad-breakpoint = "large" data-ad-type = "gpt" data-ad-refresh = "true" data-ad-sizes = "[[300, 250]]"> </div> </div> </div> <!> <div class = "ad-three-four-container"> <!> <!> </div> </aside> </div> </div> </div> <div data-ad-breakpoint = "small" data -ad-logic = "adhesion" data-ad-refresh = "false" data-ad-batch = "1" data-ad-targeting = "{" loc ":" adhesion "}" data-ad-path = "/ 6117 / dmd.techwalla.mw /"> </div> <!> <div class = "ad-infinite -scroll "> <div id =" infscroll-mobile1-1 " data-ad-path = "/ 6117 / dmd.techwalla.mw / infscroll1-1" data-ad-batch = "1" data-ad-targeting = "{" loc ":" infscroll "}" data-ad- sizes = "[[1,2]]" data-ad-bidding = "false" data-ad-breakpoint = "small" data-ad-refresh = "false" data-ad-type = "gpt" class = "component-ad-gpt ad infscroll ad-mobile"> </div> <div id = "infscroll1-1" data-ad- путь = "/ 6117 / dmd.techwalla / infscroll1-1" data-ad-batch = "1" data-ad-targeting = "{" loc ":" infscroll "}" data-ad-sizes = "[[1,2]]" data-ad-bidding = "false" data-ad-breakpoint = "medium, large "data-ad-refresh =" false "data-ad-type =" gpt "class =" component-ad-gpt ad infscroll ad-desktop "> </div> </div> </div> </div> <div id =" brandmetrics1-1 "data-ad-type =" gpt "data-ad-batch =" 1 "data -ad-breakpoint = "small, medium, large" data-ad-outofpage = "true" data-ad-pathmobile = "/ 6117 / dmd.techwalla.mw / brandmetrics1-1" data-ad-pathdesktop = "/ 6117 / dmd.techwalla / brandmetrics1-1" data-ad-refresh = "false" data-ad -sizes = "[[1, 1]] "> </div> </div> </div> </div> </div> </main> <!> </div> <div class =" component-subscriber-manager "> <! > <!> <!> <div id = "emailslider1-1" data-ad-path = "/ 6117 / dmd.techwalla / emailslider1-1" data-ad-batch = "1" data-ad-targeting = "{" loc ":" "}" data-ad-sizes = "[[1,3]]" data-ad-bidding = "true" data -ad-breakpoint = "small, medium, large" data-ad-refresh = "false" data-ad-type = "gpt" class = "component-ad-gpt ad emailslider ad-mobile, desktop "> </div> </div> </div> <script> window .__ INITIAL_STATE __ = {" statusCode ": 200," isActiveModal ": false," showPage500 ": false," ads ": {}," Article ": {"статьи": [{"категория": {"имя": "Техника Support "," slug ":" tech-support "}," subcategory ": {" name ":" Reviews "," slug ":" reviews "}," body ": [{" parts ": [{" content ":" \ u003Cp \ u003E Двумя основными частями HTML-документа являются заголовок и тело. Каждый раздел содержит конкретную информацию. Раздел заголовка содержит информацию, которая полезна для веб-браузера и поисковых систем, но не видна читателю. Раздел body содержит информацию, которую вы хотите, чтобы посетитель увидел. Документ специально отформатирован так, чтобы веб-браузеры могли анализировать информацию и представлять ее посетителю. правильно. \ u003C \ u002Fp \ u003E \ n "}]}, {" parts ": [{" content ":" \ u003Cp \ u003E] HTML-документ должен быть отформатирован правильно, чтобы его мог прочитать Веб-браузер. Ниже приводится общая схема типичного HTML-документа: \ u003C \ u002Fp \ u003E \ n "}, {" content ":" \ u003C! DOCTYPE \ u003E \ u003Chtml \ u003E \ u003Chead \ u003E Информация для веб-браузера и поисковых систем \ u003C \ u002Fhead \ u003E \ u003Cbody \ u003E Содержимое, видимое читателю \ u003C \ u002Fbody \ u003E \ u003C \ u002Fhtml \ u003E "}, {" content ":" \ u003Cp \ u003E Как теги \ u003Chead \ u003E, так и теги \ u003Cbody \ u003E содержатся внутри основного тега \ u003Chtml \ u003E. Оба раздела должны заканчиваться символами «<\ u002F>», чтобы документ был прочитан. \ U003C \ u002Fp \ u003E \ n "}],« title »:« Структура HTML. document "}, {" parts ": [{" content ":" \ u003Cp \ u003E »Заголовок документа содержит заголовок сайта, ключевые слова для поисковых систем, скрипты и расположение каскадной таблицы стилей которые следует использовать при форматировании страницы. Типичные HTML-теги, используемые в разделе заголовка, включают \ u003Ctitle \ u003E, \ u003Clink \ u003E, \ u003Cstyle \ u003E, \ u003Cmeta \ u003E и Теги \ u003Cscript \ u003E. \ u003C \ u002Fp \ u003E \ n "}, {" content ":" \ u003Cp \ u003E Тег \ u003Ctitle \ u003E определяет заголовок документ. Тег \ u003Clink \ u003E связывает внешний ресурс, например файл CSS, с документом. Тег \ u003Cstyle \ u003E определяет стили документа. Тег \ u003Cmeta \ u003E используется для определения автора, ключевых слов и описания документа. Тег \ u003Cscript \ u003E определяет сценарий, который должен запускаться на компьютере посетителя. Если раздел заголовка не помещен в документ, содержимое документа по-прежнему отображается обозреватель. \ u003C \ u002Fp \ u003E \ n "}]," title ":" Head Contents "}, {" parts ": [{" content ":" \ u003Cp \ u003Ese body используется для форматирования фактическая веб-страница. Большинство тегов HTML, таких как тег абзаца (\ u003Cp \ u003E), тег привязки (\ u003Ca \ u003E), заголовки в этом разделе документ. Скрипты на стороне сервера также помещаются в этот раздел документа. Если у вас нет основного раздела в HTML-документе, в Интернете ничего не отображается. браузер. \ u003C \ u002Fp \ u003E \ n "}]," title ":" Body Contents "}, {" parts ": [{" content ":" \ u003Cp \ u003E] Единственное, что не входит в \ u003Chtml \ u003E теги - это объявление DOCTYPE. Если используется, это должна быть первая строка в HTML-документе. Он используется, чтобы сообщить веб-браузеру, какую версию HTML использует документ. Браузер использует это объявление для правильного отображения страницы. Объявление DOCTYPE можно опустить, но браузер может не отображать вашу страницу Две основные части HTML-документа? "," Page_title ":" Каковы две основные части HTML Элементы заголовка HTML "}, {" url ":" http: \ u002F \ u002Fwww.w3schools.com \ u002Ftags \ u002Ftag_meta.asp "," title ":" W3Schools.com: HTML <Meta> Тег "}, {" url ":" http: \ u002F \ u002Fwww.w3schools.com \ u002Ftags \ u002Ftag_body.asp "," title ":" W3Schools.com: HTML <Body> Тег "}, {" url ":" http: \ u002F \ u002Fwww.w3schools.com \ u002Ftags \ u002Ftag_doctype.asp "," title ":" W3Schools.com: HTML <! DOCTYPE> Объявление "}]," resources ": []," slug ":" \ u002Farticles \ u002Fwhat-are-the-two-main-parts-of-an-html-document "," studio_id ":" c3e12530-5681- 40e5-89ca-09db1f984f65 "," summary ":" Два основных части документа HTML - это голова и тело. Каждый раздел содержит конкретную информацию. Раздел заголовка содержит информацию, которая полезна для веб-браузера и поисковых систем, но не видна читателю. Раздел body содержит информацию, которую вы хотите, чтобы посетитель увидел. "," Tags ": [" Group 5 "," configurabletemplate "]," title ":" What are Две основные части HTML Документ? "," Title_id ": 37505," type ":" Article "," writer ": {" _ id ":" www.demandstudios.com \ u002Fcontributor \ u002F8329c089-06a1-45d5-b803-b25f77fd955c "," display_name ": "Кристен Waters »,« bio »:« Кристен Уотерс пишет для компьютерной индустрии с 2004 года. Она написала учебные материалы для больших и малых компьютерных компаний, а также практические и информационные статьи для многих интернет-изданий. Она имеет степени бакалавра наук Йоркского колледжа Пенсильвании и Университета Нью-Йорка. Являются ли HTML-документы двумя основными частями? "}]}]," Ключевые слова ": [" разделы HTML-документа "," основной раздел HTML "," заголовок HTML две основные части HTML-документа - это заголовок и тело. Каждый раздел содержит конкретную информацию. Раздел заголовка содержит информацию, которая полезна для веб-браузера и поисковых систем, но не видна читателю. Раздел body содержит информацию, которую вы хотите, чтобы посетитель увидел. Документ специально отформатирован так, чтобы веб-браузеры могли анализировать информацию и представлять ее посетителю. правильно. \ u003C \ u002Fp \ u003E \ n "}, {" type ":" ad-mobile "," content ": {" loc ":" ad_1 "," slot ":" slot "," slotNumber ": 1, "sizes": [[300,250], [320,50], [320,100]]}}, {"type": "title", "content": {"title": "Структура документа HTML "," formatted_title ":" "}}, {" type ":" content "," content ":" \ u003Cp \ u003EДокумент HTML должен быть отформатирован правильно, чтобы его мог читать веб-браузер. Ниже приводится общая схема типичного HTML-документа: \ u003C \ u002Fp \ u003E \ n "}, {" type ":" jwplayer "," content ": {" AdvertisingTag ":" https: \ u002F \ u002Fpubads.g .doubleclick.net \ u002Fgampad \ u002Fads? \ u003Chtml \ u003E \ u003Chead \ u003E Информация для веб-браузера и поисковых систем \ u003C \ u002Fhead \ u003E \ u003Cbody \ u003E Содержимое, видимое читателю \ u003C \ u002Fbody \ u003E \ u003C \ u002Fhtml \ u003E "}, {" type ":" content "," content ":" \ u003Cp \ u003E И теги \ u003Chead \ u003E, и теги \ u003Cbody \ u003E содержатся в главном \ u003Chtml \ u003E ярлык. Оба раздела должны заканчиваться символами «<\ u002F>», чтобы документ был прочтите. \ u003C \ u002Fp \ u003E \ n "}, {" type ":" ad-mobile "," content ": {" loc ":" ad_2 "," slot ":" slot "," slotNumber ": 2, "sizes": [[300,250], [320,50], [320,100]]}}, {"type": "title", "content": {"title": "Заголовок Contents "," formatted_title ":" "}}, {" type ":" content "," content ":" \ u003Cp \ u003E Заголовок документа содержит заголовок сайта, ключевые слова для поисковых систем, скрипты и расположение каскадной таблицы стилей, которая должна использоваться при форматировании страницы. Типичные HTML-теги, используемые в разделе заголовка, включают \ u003Ctitle \ u003E, \ u003Clink \ u003E, \ u003Cstyle \ u003E, \ u003Cmeta \ u003E и \ u003Cscript \ u003E tags. \ u003C \ u002Fp \ u003E \ n "}, {" type ":" content "," content ":" \ u003Cp \ u003E Тег \ u003Ctitle \ u003E определяет заголовок документ. Тег \ u003Clink \ u003E связывает внешний ресурс, например файл CSS, с документом. Тег \ u003Cstyle \ u003E определяет стили документа. Тег \ u003Cmeta \ u003E используется для определения автора, ключевых слов и описания документа. Тег \ u003Cscript \ u003E определяет сценарий, который должен запускаться на компьютере посетителя. Если раздел заголовка не помещен в документ, содержимое документа по-прежнему отображается браузер. \ u003C \ u002Fp \ u003E \ n "}, {" type ":" ad-mobile "," content ": {" loc ":" ad_3 "," slot ":" slot "," slotNumber ": 3, "sizes": [[300,250], [320,50], [320,100]]}}, {"type": "title", "content": {"title": "Body Contents "," formatted_title ":" "}}, {" type ":" content "," content ":" \ u003Cp \ u003E "Основной раздел используется для форматирования фактической веб-страницы. Большинство тегов HTML, таких как тег абзаца (\ u003Cp \ u003E), тег привязки (\ u003Ca \ u003E), заголовки в этом разделе документ. Скрипты на стороне сервера также помещаются в этот раздел документа. Если у вас нет основного раздела в HTML-документе, в Интернете ничего не отображается. браузер. \ u003C \ u002Fp \ u003E \ n "}, {" type ":" title "," content ": {" title ":" DOCTYPE "," formatted_title ":" "}}, {" type ":" content "," content ":" \ u003Cp \ u003E Единственное, что не Между тегами \ u003Chtml \ u003E находится объявление DOCTYPE. Если используется, это должна быть первая строка в HTML-документе. Он используется, чтобы сообщить веб-браузеру, какую версию HTML использует документ. Браузер использует это объявление для правильного отображения страницы. Объявление DOCTYPE можно опустить, но браузер может не отображать вашу страницу Две основные части HTML Документ? "," Slug ":" \ u002Farticles \ u002Fwhat-are-the-two-main-parts-of-an-html-document "," image ": {" caption ":" "}," summary ": "Две основные части HTML документ - это голова и тело. Каждый раздел содержит конкретную информацию. Раздел заголовка содержит информацию, которая полезна для веб-браузера и поисковых систем, но не видна читателю. Раздел body содержит информацию, которую вы хотите, чтобы посетитель Team "," bio ":" "," writer_id ":" www.demandstudios.com \ u002Fcontributor \ u002F667e9228-72d4-48ee-ad46-1ca4c9911aab "}," title ":" Как центрировать изображение с помощью программирования HTML ", "category": {"name": "Технология Support "," slug ":" техподдержка "}," subcategory ": {" name ":" Как 1 "]," title_id ": 9321," summary ":" Кодировщик веб-страниц использует язык гипертекстовой разметки, чтобы сообщить веб-браузеру о функциональном назначении каждого элемента на странице, такого как абзац, заголовок или Smith "," bio ":" "," writer_id ":" www.demandstudios.com \ u002Fcontributor \ u002F9daedf9f-3cbb-4c49-85a2-349b732baab3 "}," title ":" Как использовать JavaScript для печати PDF ", "category": {"name": "Технология Support "," slug ":" техподдержка "}," subcategory ": {" name ":" Как frames »,« Печать PDF »,« Веб-разработка »,« Печать в JavaScript »],« tags »: [« Group 9 »],« title_id »: 33574,« summary »:« Понятно, что вы можете захотеть распечатать файл PDF, используя код, расположенный непосредственно на вашей веб-странице. Альтернативный вариант - заставить вашу программу просмотра загрузить файл PDF, открыть его, а затем распечатать из другой программы, такой как Adobe. Грэм »,« биография »:« Ричард Грэм профессионально работал экономистом и педагогом с 2007 года. Он также работает консультантом малых предприятий и организаций, занимающихся разработкой зеленых технологий. Грэм имеет степень бакалавра наук в уменьшить расстояние между строками в HTML "," category ": {" name ":" Техподдержка "," slug ":" tech-support "}," subcategory ": {" name ":" Как веб-сайт "," межстрочный интервал HTML "," высота строки HTML "]," теги ": [" Группа 7 "]," title_id ": 25692," сводка ":" Использование HTML упрощает создание базовых веб-страниц и контролировать различные атрибуты этих страниц, включая шрифт, размер текста, цвет и межстрочный интервал. Уменьшение интервала между строками может быть полезно, если вам нужно сжать веб-страницу или уменьшить пустое пространство для эстетики. причины. "," source ":" cme "," position ": 3}, {" image ": {" alttext ":" HTML web Клаерр »,« биография »:« Дженнифер Клаерр - веб-писатель, писавший для таких интернет-сайтов, как Demand Studios, NBC5i.com, Texas.com и PC.com. Она имеет степень в области искусства Техасского университета в Арлингтоне. Она пишет на самые разные темы, включая праздники, здоровье и фитнес, путешествия, компьютеры и Означает ли HTML? "," Category ": {" name ":" Технически для тег означает "," что такое html "," пояснение html "]," теги ": [" Группа 3 "]," title_id ": 37685," summary ":" HTML означает язык разметки гипертекста, язык, используемый для создания документы для всего мира Интернет. Используя теги и атрибуты, HTML сообщает веб-браузерам, как отображать текст, гиперссылки и изображения на веб-странице, а также как страница должна реагировать, когда пользователь взаимодействует с ним. "," source ":" cme "}, {" image ": {" alttext ":" HTML Уэйн »,« биография »:« Дэвид Уэйн пишет с 2010 года, его колонки по технологиям появляются в нескольких региональных газетах Техаса. Уэйн окончил Хьюстонский университет в 2005 году, получив степень бакалавра гуманитарных наук. Small.jpg "," writer_id ":" www.demandstudios.com \ u002Fcontributor \ u002F579c0246-8a73-4826-b8fc-d7cb70f46145 "}," title ":" Как сделать текст красным в HTML? "," Category ": {" name ":" Техническая поддержка "," slug ":" tech-support "}," subcategory ": {" name ":" Как 4.01 doctype "," внутренний CSS HTML "," устаревшие теги HTML5 "]," теги ": [" Группа 2 "]," title_id ": 6420," summary ":" HTML использует систему зарезервированных ключевых слов, называемых тегами, которые определяют атрибуты элемента, такие как стиль шрифта, цвет и выравнивание. В HTML 4.01 и более ранних версиях тег <font> использует атрибут цвета, который определяет один текстовый блок Buleen »,« bio »:« Чад Булин - отмеченный наградами газетный журналист и редактор журнала Общества профессиональных журналистов с более чем 10-летним опытом. Он является старшим редактором международного детского издания. Булин имеет степень бакалавра искусств в области коммуникаций с акцентом на печатную журналистику от Бригама Янга. для ввода символа вставки "," category ": {" name ":" Техническая поддержка "," slug ":" tech-support "}," subcategory ": {" name ":" Как клавиша курсора "," введите символ каретки "," вставьте символ каретки "]," теги ": [" Группа 5 "]," title_id ": 32081," summary ":" Редакторы в поле публикации используют символ каретки для обозначения что на странице есть раздел, в котором чего-то не хватает. Например, если слово написано с ошибкой из-за того, что в нем отсутствует необходимая буква, редактор может вставить курсор с нужной буквой прямо под ним. Team "," bio ":" "," writer_id ":" www.demandstudios.com \ u002Fcontributor \ u002F667e9228-72d4-48ee-ad46-1ca4c9911aab "}," title ":" Как центрировать изображение с помощью HTML Программирование "," категория ": {" имя ":" Техподдержка "," слаг ":" техподдержка "}," подкатегория ": {" имя ":" Как 1 "]," title_id ": 9321," summary ":" Кодировщик веб-страниц использует язык гипертекстовой разметки, чтобы сообщить веб-браузеру о функциональном назначении каждого элемента на странице, такого как абзац, заголовок или Smith "," bio ":" "," writer_id ":" www.demandstudios.com \ u002Fcontributor \ u002F9daedf9f-3cbb-4c49-85a2-349b732baab3 "}," title ":" Как использовать JavaScript для печати PDF ", "category": {"name": "Технология Support "," slug ":" техподдержка "}," subcategory ": {" name ":" Как frames »,« Печать PDF »,« Веб-разработка »,« Печать в JavaScript »],« tags »: [« Group 9 »],« title_id »: 33574,« summary »:« Понятно, что вы можете захотеть распечатать PDF-файл, используя код, расположенный прямо на вашей веб-странице. Альтернативный вариант - заставить вашу программу просмотра загрузить файл PDF, открыть его, а затем распечатать из другой программы, такой как Adobe. Грэм »,« биография »:« Ричард Грэм профессионально работал экономистом и педагогом с 2007 года. Он также работает консультантом малых предприятий и организаций, занимающихся разработкой зеленых технологий. Грэм имеет степень бакалавра наук в уменьшить расстояние между строками в HTML "," category ": {" name ":" Техподдержка "," slug ":" tech-support "}," subcategory ": {" name ":" Как веб-сайт "," межстрочный интервал HTML "," высота строки HTML "]," теги ": [" Группа 7 "]," title_id ": 25692," сводка ":" Использование HTML упрощает создание базовых веб-страниц и контролировать различные атрибуты этих страниц, включая шрифт, размер текста, цвет и межстрочный интервал. Уменьшение интервала между строками может быть полезно, если вам нужно сжать веб-страницу или уменьшить пустое пространство для эстетики. причины. "," source ":" cme "," position ": 3}, {" image ": {" alttext ":" HTML web Клаерр »,« биография »:« Дженнифер Клаерр - веб-писатель, писавший для таких интернет-сайтов, как Demand Studios, NBC5i.com, Texas.com и PC.com. Она имеет степень в области искусства Техасского университета в Арлингтоне. Она пишет на самые разные темы, включая праздники, здоровье и фитнес, путешествия, компьютеры и Означает ли HTML? "," Category ": {" name ":" Технически для тег означает "," что такое html "," пояснение html "]," теги ": [" Группа 3 "]," title_id ": 37685," summary ":" HTML означает язык разметки гипертекста, язык, используемый для создания документы для всего мира Интернет. Используя теги и атрибуты, HTML сообщает веб-браузерам, как отображать текст, гиперссылки и изображения на веб-странице, а также как страница должна реагировать, когда пользователь взаимодействует с ним. "," source ":" cme "}, {" image ": {" alttext ":" HTML Уэйн »,« биография »:« Дэвид Уэйн пишет с 2010 года, его колонки по технологиям появляются в нескольких региональных газетах Техаса. Уэйн окончил Хьюстонский университет в 2005 году, получив степень бакалавра гуманитарных наук. Small.jpg "," writer_id ":" www.demandstudios.com \ u002Fcontributor \ u002F579c0246-8a73-4826-b8fc-d7cb70f46145 "}," title ":" Как сделать текст красным в HTML? "," Category ": {" name ":" Техническая поддержка "," slug ":" tech-support "}," subcategory ": {" name ":" Как 4.01 doctype "," внутренний CSS HTML "," устаревшие теги HTML5 "]," теги ": [" Группа 2 "]," title_id ": 6420," summary ":" HTML использует систему зарезервированных ключевых слов, называемых тегами, которые определяют атрибуты элемента, такие как стиль шрифта, цвет и выравнивание. В HTML 4.01 и более ранних версиях тег <font> использует атрибут цвета, который определяет один текстовый блок Buleen »,« bio »:« Чад Булин - отмеченный наградами газетный журналист и редактор журнала Общества профессиональных журналистов с более чем 10-летним опытом. Он является старшим редактором международного детского издания. Булин имеет степень бакалавра искусств в области коммуникаций с акцентом на печатную журналистику от Бригама Янга. для ввода символа вставки "," category ": {" name ":" Техническая поддержка "," slug ":" tech-support "}," subcategory ": {" name ":" Как клавиша курсора "," введите символ каретки "," вставьте символ каретки "]," теги ": [" Группа 5 "]," title_id ": 32081," summary ":" Редакторы в поле публикации используют символ каретки для обозначения что на странице есть раздел, в котором чего-то не хватает. Например, если слово написано с ошибкой из-за того, что в нем отсутствует необходимая буква, редактор может вставить курсор с нужной буквой прямо под ним. встроенный блок; минимальная ширина: 320 пикселей; максимальная ширина: 1200 пикселей; width: 100%; height: 450px "}," linkUnit ": {" desktop ": {" clientId ":" ca-pub-0316265116163263 "," slotId ":" 4465103631 "," styles ":" display: inline- блокировать; ширина: 440 пикселей; height: 200px "}," mobile ": {" clientId ":" ca-pub-0316265116163263 "," slotId ":" 9816821440 "," styles ":" display: block; переход: нет нулей ослабить нули; наброски: нет; граница: нет; отступ: 0 пикселей; интервал границы: 0 пикселей; рост: может получать компенсацию через партнерские ссылки в этом находятся находятся 443 "," externalDomain ":" https: \ u002F \ u002Fapi.techwalla.com: & Обзоры гаджетов, Мета-оценки и рекомендации "," description ":" Технология, упрощенная для всей вашей семьи. "," Info ": [{" property ":" og: site_name "," content ":" Techwalla "}, { "property": "fb: app_id "," content ":" 1578283302422712 "}, {" property ":" fb: pages "," content ":" 1116406528374498 "}, {" name ":" twitter: 8080 "," title ":" Techwalla "}," lazyLoaderSetting ": {" rootMargin ":" 50% 0% 100% -results- для «\ u003Cspan \ u003E-searchTerm- \ u003C \ u002Fspan \ u003E» «,« inputPlaceholderValue »:« Введите для поиска »,« noResultsCopy »:« Ознакомьтесь с нашими последними чтобы узнать больше о новейших технических гаджетах для детей или лучших технических предложениях? Techwalla предоставит вам наши честные рекомендации по продуктам, информацию о продажах и подробнее. "," hero ":" \ u002Fimages \ u002FcategoriesHeros \ u002Fshop.png "}," gift-guides ": {" name ":" Gift Guides "," slug ":" gift-guides "," title ": "Подарок Руководства "," тип ":" подкатегория "," описание ":" Ищете ли вы лучшие технические подарки для своего малыша или подарки для фанатика умного дома, у нас есть все необходимое. с экспертными руководствами по подаркам. "," hero ":" \ u002Fimages \ u002FcategoriesHeros \ u002Fshop.png "," parent ": {" name ":" Shop "," slug ":" shop "}}," tech-toys ": {"name": "Техника Toys "," slug ":" tech-toys "," title ":" Tech Toys "," type ":" subcategory "," description ":" Хотите подарок для вашего ребенка, который будет одновременно технически подкованным и образовательным? Мы подготовили для вас статьи о лучших подарках STEM и STEAM для детей вашего life. "," hero ":" \ u002Fimages \ u002FcategoriesHeros \ u002Fshop.png "," parent ": {" name ":" Shop "," slug ":" shop "}}," tech-on-a-budget ": {" name ":" Технологии в рамках бюджета "," slug ":" Технологии в рамках бюджета "," title ":" Технологии на бюджет »,« тип »:« подкатегория »,« описание »:« Хотите новейший iPhone, но он не входит в бюджет? Мы предложим вам лучшие технические предложения, соответствующие вашему бюджету и lifestyle. "," hero ":" \ u002Fimages \ u002FcategoriesHeros \ u002Fshop.png "," parent ": {" name ":" Магазин "," slug ":" shop "}}," smart-life ": {" name ":" Smart Life "," slug ":" smart-life "," title ":" Smart Жизнь »,« тип »:« категория »,« описание »:« Благодаря последним обзорам умных семейных гаджетов, классным рекомендациям по приложениям, советам по путешествиям и многому другому, Techwalla поможет вам немного жить жизнью. умнее. "," hero ":" \ u002Fimages \ u002FcategoriesHeros \ u002FsmartLife.png "}," gadgets ": {" name ":" Gadgets "," slug ":" gadgets "," title ":" Gadgets "," type ":" subcategory "," description ":" Подробнее о самые крутые и новейшие технические устройства с нашими честными рекомендациями и своевременным техническим освещением. "," hero ":" \ u002Fimages \ u002FcategoriesHeros \ u002FsmartLife.png "," parent ": {" name ":" Smart Life "," slug ":" smart-life "}}," cool-apps ": {" name ":" Cool Apps "," slug ":" cool-apps "," title ":" Cool Apps ", "type": "subcategory", "description": "Хотите ли вы больше новостей о самых крутых образовательных приложения для ваших детей или честный обзор лучших приложений, которые помогут вам продуктивно, у нас есть все. "," hero ":" \ u002Fimages \ u002FcategoriesHeros \ u002FsmartLife.png "," parent ": {" name ": "Умный Life "," slug ":" smart-life "}}," travel ": {" name ":" Travel "," slug ":" travel "," title ":" Travel "," type ":" подкатегория "," description ":" В Techwalla мы честно рассказываем вам о лучших технологиях для путешествий, туристические предложения и советы, которые помогут облегчить вам и вашей семье жизнь (и путешествия). "," hero ":" \ u002Fimages \ u002FcategoriesHeros \ u002FsmartLife.png "," parent ": {" name ":" Smart Life "," slug ":" smart-life "}}," smartphones ": {" name ":" Смартфоны "," slug ":" smartphones "," title ":" Смартфоны "," type ":" подкатегория " "," description ":" Мы предоставляем честные обзоры и новости о последних смартфоны, iPhone, Android, детские телефоны и др. "," hero ":" \ u002Fimages \ u002FcategoriesHeros \ u002FsmartLife.png "," parent ": {" name ":" Smart Life »,« slug »:« smart-life »}},« технически для родителей »: {« name »:« технически для родителей »,« slug »:« технически для родителей »,« title »: «Технически для родителей», «тип»: «категория», «описание»: «От статьи, охватывающие новые технические образовательные ресурсы, советы по безопасности в Интернете, у нас есть все, что вам нужно знать, чтобы быть технически подкованным parent. "," hero ":" \ u002Fimages \ u002FcategoriesHeros \ u002FtechnicallyForParents.png "}," education ": {" name ":" Education "," slug ":" education "," title ":" Education "," тип ":" подкатегория "," описание ":" От обзоры образовательных приложений на ресурсы STEM и STEAM, мы помогаем вам ориентироваться в многолюдном мире образовательных технологий и принимать обоснованные решения в отношении ваших детей образование. "," герой ":" \ u002Fimages \ u002FcategoriesHeros \ u002FtechnicallyForParents.png "," parent ": {" name ":" Технически для Parents "," slug ":" технически-для-родителей "}}," online-security ": {" name ":" Online Safety "," slug ":" online-security "," title ":" Интернет-безопасность "," тип ":" подкатегория "," описание ":" Techwalla предоставляет вам с информацией, необходимой, чтобы помочь вашей семье в безопасности в их технических, онлайн и подробнее. "," hero ":" \ u002Fimages \ u002FcategoriesHeros \ u002FtechnicallyForParents.png "," parent ": {" name ":" Технически для родителей "," slug ":" технически для родителей "}}," tech -support ": {" name ":" Техника Поддержка »,« slug »:« техподдержка »,« title »:« Магазин »,« type »:« category »,« description »:« Techwalla - это универсальный центр технической поддержки. От пошаговых инструкций до обзоров и многого другого, мы помогаем вам и вашей семье оставаться на связи и продуктивно. "," hero ":" \ u002Fimages \ u002FcategoriesHeros \ u002FtechSupport.png "}," how-to ": {" name ":" How To "," slug ":" how-to "," title ": «Как сделать», «тип»: «подкатегория», «описание»: «Откуда» статьи, которые помогут вам сбросить настройки вашего принтера для устранения неполадок вашего телефона, на Techwalla мы поможем вам раскрыть тайну ваших технологий проблемы. "," hero ":" \ u002Fimages \ u002FcategoriesHeros \ u002FtechSupport.png "," parent ": {" name ":" Tech Support "," slug ":" tech-support "}}," reviews ": {" name ":" Reviews "," slug ":" reviews "," title ":" Reviews "," type ":" subcategory "," description ":" В Techwalla мы предлагаем честный продукт. рекомендации, позволяющие вам быть в курсе ваших технологий, жизни и покупок решения. "," hero ":" \ u002Fimages \ u002FcategoriesHeros \ u002FtechSupport.png "," parent ": {" name ":" Tech Support "," slug ":" техподдержка "}}," entertainment ": {" name ":" Entertainment "," slug ":" entertainment "," title ":" Entertainment "," type ":" категория "," description ":" Из того, что нового из социальных сетей в ежемесячные статьи, освещающие лучшее из того, что транслируется на различных платформах, у нас есть вы покрыто. "," hero ":" \ u002Fimages \ u002FcategoriesHeros \ u002FentertainmentImage.png "}," whats-streaming ": {" name ":" What Streaming "," slug ":" whats-streaming "," title ": "Что Streaming "," type ":" subcategory "," description ":" Страдаете от аналитического паралича, когда доходит до того, что смотреть сегодня вечером? В Techwalla мы подготовили для вас еженедельные и ежемесячные статьи о том, какие потоковые передачи platform. "," hero ":" \ u002Fimages \ u002FcategoriesHeros \ u002FentertainmentImage.png "," parent ": {" name ":" Entertainment "," slug ":" entertainment "}}," social-media ": {" name ":" Социальные Media »,« slug »:« social-media »,« title »:« Social Media »,« type »:« subcategory »,« description »:« Хотите знать последние новости в социальных сетях? У нас есть все это с обновлениями последних приложений для чата, чтобы ваша семья была на связи, социальных платформ для семейного просмотра и (1) "," arrow_background_color ":" # 2E2E30 "," image_url ":" "," image_altText ":" "," has_logo ": true," custom_logo_url ":" "," custom_logo_height ": 0," custom_logo_width ": 0, "heading_text": "Подпишитесь на домашнее вдохновение "," body_text ":" Практические инструкции и все последние новости s; (s = document.currentScript || document.scripts [document.scripts.length-1]). parentNode.removeChild (s);} ()); </script> </body> <script type = "text / javascript "> window.reve = window.reve || {}; window.reve.cmd = window.reve.cmd || []; function loadReve () {const gptTargeting = window.lg.gptTargeting || {} gptTargeting.lg_uuid = window.lg.utils.getPublisherProvidedID () gptTargeting.experiment = window.lg.testpool window.reve.cmd.push (() => { window.reve.setState ('gptTargeting', gptTargeting); window.reve.setState ('permutiveTargeting', window.lg.permutiveTargeting); }) const ReveScript = document.createElement ('скрипт'); ReveScript.src = ' https://reve.leafmedia.io/techwalla.js'; ReveScript.defer = правда document.head.appendChild (ReveScript); } setTimeout (() => {loadReve ()}, 2500) </script> <script data-id = "lg-pagespeed" type = "text / javascript"> // instana (function (s, t, a, n) {s [t] || (s [t] = a, n = s [a] = function () {nqpush (arguments)}, nq = [], nv = 2, nl = 1 * новая дата)}) (окно, «InstanaEumObject», «ineum»); инеум ('ReportingUrl', ' https://eum-red-saas.instana.io'); ineum ('ключ', window.lg.instanaApiKey); инеум ('trackSessions'); ineum ('ignoreUrls', [/(localhost|cm\d\d\d\d).*/]); пусть isAppLazyLoaded = false; // значение будет заменено в фонде const LAZY_LOAD_TIMER = 5000; const lazyLoadEvents = ['mousedown', 'scroll', 'touchstart']; функция lazyLoadApp () {если (isAppLazyLoaded) {возврат; } isAppLazyLoaded = true; // не удалять, ключевое слово заменяется str. в функции фонда insertAfter (el, referenceNode) {referenceNode.parentNode.insertBefore (el, referenceNode.nextSibling);} var lastScript = document.querySelector ('script [data-id = "lg-pagespeed"]'); [[]]. forEach (функция (src) {var s = document.createElement ("скрипт"); s.setAttribute ("асинхронный", истина); s.src = src; insertAfter (s, lastScript); lastScript = s; }); if (window.location.search.indexOf ('vue = false') -1 && 1) { ['"/dist/manifest_2797b390f2f2298568a8.js','"/dist/vendors~app_2797b390f2f2298568a8.js','"/dist/app_2797b390f2f2298568a8.js'estive.forEach (функция (src) {src = src.replace ('"', '') var s = document.createElement (" скрипт "); s.setAttribute ("перекрестное происхождение", "анонимный"); s.setAttribute ("асинхронный", истина); s.src = src; insertAfter (s, lastScript); lastScript = s; }); } lazyLoadEvents.forEach (event => {// 'mousedown', 'scroll', 'touchstart' window.removeEventListener (event, lazyLoadApp)})} lazyLoadEvents.forEach (event => {// 'mousedown', 'scroll', 'touchstart' window.addEventListener (event, lazyLoadApp)}) setTimeout (lazyLoadApp, LAZY_LOAD_TIMER); </script> <script> setTimeout (() => {const articleImageObserver = new IntersectionObserver ((entries) => {entries.forEach (entry => {const target = entry.target const srcset = target.getAttribute ('data-srcset') target.setAttribute ('srcset', srcset)})}, {rootMargin: "0px 0px 50% 0px", порог: 0}) const firstImage = document.querySelectorAll ('source [data-base64]') if (firstImage.length) {firstImage.forEach (element => articleImageObserver.observe (элемент)) } }, 500); </script> </html>