Was sind die beiden Hauptteile eines HTML-Dokuments?

Der Kopfabschnitt des Dokuments enthält den Titel der Site, Schlüsselwörter für Suchmaschinen, Skripte und die Position eines Cascading Stylesheets, das bei der Formatierung der Seite verwendet werden soll. Zu den typischen HTML-Tags, die im Kopfbereich verwendet werden, gehören die

, <link>, <style> , <meta> und <script>-Tags.</p> </div><div class="component-article-section-content ui-body article-section-content"><p>Das <title>-Tag definiert den Titel des Dokuments. Das <link>-Tag verknüpft eine externe Ressource, z. B. eine CSS-Datei, mit dem Dokument. Das Tag <style> definiert Dokumentstile. Das <meta>-Tag wird verwendet, um den Autor, die Schlüsselwörter und die Beschreibung des Dokuments zu definieren. Das <script>-Tag definiert ein Skript, das auf dem Computer des Besuchers ausgeführt werden soll. Wenn der Kopfabschnitt nicht im Dokument platziert ist, wird der Inhalt des Dokuments dennoch vom Browser angezeigt.</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 Anzeigenfläche ad-mobile "></div ></div></div></div><div class="component-article-section-heading article-section-content"><h2 id="body-contents"> Hauptinhalt </h2></div><div class="component-article-section-content ui -Karosserie article-section-content"><p>Der Body-Bereich wird verwendet, um die eigentliche Webseite zu formatieren. Die meisten HTML-Tags, wie das Absatz-Tag (<p>), das Anker-Tag (<a>), die Überschriften-Tags (<h1> bis <h6>) und das Abschnitts-Tag (<div>) werden in. verwendet diesen Abschnitt des Dokuments. Serverseitige Skripte werden ebenfalls in diesem Abschnitt des Dokuments platziert. Wenn Ihr HTML-Dokument keinen Textabschnitt enthält, wird im Webbrowser nichts angezeigt.</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>Das einzige, was nicht zwischen den <html>-Tags enthalten ist, ist die DOCTYPE-Deklaration. Falls verwendet, sollte es die erste Zeile im HTML-Dokument sein. Es wird verwendet, um dem Webbrowser mitzuteilen, welche HTML-Version das Dokument verwendet. Der Browser verwendet diese Erklärung, um die Seite korrekt darzustellen. Die DOCTYPE-Deklaration kann weggelassen werden, aber der Browser zeigt Ihre Seite möglicherweise nicht richtig an.</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"> Werbung </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-Anzeigenfläche ad-mobile "></div></div></div></div></article> <!> <div class="component-article-citations desktop- Handy verstecken"><div class="citations-heading"><div class="citation-title ui-heading-NN"> Referenzen </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 ="zitate-item ui-body"><a href=" http://www.w3schools.com/html/html_head.asp" target="_blank" rel="nofollow" class="citation-link"> W3Schools.com: HTML-Kopfelemente </a></li><li class="citation-item ui-body"><a href= " http://www.w3schools.com/tags/tag_meta.asp" target="_blank" rel="nofollow" class="citation-link"> W3Schools.com: HTML < Meta> Tag </a></li><li class="citations-item ui-body"><a href=" http://www.w3schools.com/tags/tag_body.asp" target="_blank" rel="nofollow" class="citation-link"> W3Schools.com: HTML < Körper> Tag </a></li><li class="citations-item ui-body"><a href=" http://www.w3schools.com/tags/tag_doctype.asp" target="_blank" rel="nofollow" class="citation-link"> W3Schools.com: HTML <!DOCTYPE> Deklaration </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-mobil-ausblenden"><div class="ad-one"><div class="disclaimer-ad-wrapper" style="top: 20px;"><div class="component-compensation-disclaimer ui-label mobile-hide desktop-show"> Techwalla erhält möglicherweise eine Entschädigung durch Affiliate-Links in dieser Story. </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>Die Leute lesen</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="/articles/how-to-center-an-image-using-html-programming" title="How to Ein Bild mit HTML zentrieren Programmierung" class="ui-body"><h5> So ​​zentrieren Sie ein Bild mit HTML-Programmierung </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-variant="cme" data-info="2" data-label="/articles/how-to-use-javascript-to-print-a-pdf" title="How to Verwenden Sie JavaScript zum Drucken PDF" class="ui-body"><h5> So ​​verwenden Sie JavaScript zum Drucken einer PDF </h5></a> <!> <!> <!></div></div><div id= "articleWrapper0rcpItem2" class="related-content__item tech-support"><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-variant="cme" data-info="3" data-label="/articles/how-to-reduce-the-spacing-between-lines-in-html" title=" So reduzieren Sie den Zeilenabstand in HTML" class="ui-body"><h5> So ​​reduzieren Sie den Zeilenabstand in HTML </h5></a> <!> <!> <!></div></div><div id="articleWrapper0rcpItem3" class="related-content__item technisch-für-eltern"><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-variant="cme" data-info="4" data-label="/articles/what-does-html-stand-for" title="Wofür steht HTML?" class="ui-body"><h5> Wofür steht 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-variant="cme" data-info="5" data-label="/articles/how-do-i-make-text-red-in-html" title="Wie mache ich Text in HTML rot?" class="ui-body"><h5> Wie mache ich Text in HTML rot? </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-variant="cme" data-info="6" data-label="/articles/how-to-type-a-caret-symbol" title="Wie man ein Caret-Symbol eingibt " class="ui-body"><h5> Wie man ein Caret-Symbol eingibt </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- size="[[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- path="/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, groß" 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="klein, mittel, groß" 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="klein, mittel, groß" 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" :{"articles":[{"category":{"name":"Tech Support","slug":"tech-support"},"subcategory":{"name":"Reviews","slug":"reviews"},"body":[{"parts":[{"content ":"\u003Cp\u003EDie beiden Hauptteile eines HTML-Dokuments sind der Kopf und der Hauptteil. Jeder Abschnitt enthält spezifische Informationen. Der Kopfabschnitt enthält Informationen, die für den Webbrowser und die Suchmaschinen nützlich sind, aber für den Leser nicht sichtbar sind. Der Abschnitt body enthält die Informationen, die der Besucher sehen soll. Das Dokument ist speziell so formatiert, dass Webbrowser die Informationen analysieren und dem Besucher präsentieren können korrekt.\u003C\u002Fp\u003E\n"}]},{"parts":[{"content":"\u003Cp\u003EAn HTML-Dokument muss korrekt formatiert sein, um von a gelesen zu werden Webbrowser. Das Folgende ist ein allgemeiner Überblick über ein typisches HTML-Dokument:\u003C\u002Fp\u003E\n"},{"content":"\u003C!DOCTYPE\u003E \u003Chtml\u003E \u003Chead\u003E Informationen für Webbrowser und Suchmaschinen \u003C\u002Fhead\u003E \u003Cbody\u003E Für Leser sichtbare Inhalte \u003C\u002Fbody\u003E \u003C\u002Fhtml\u003E"},{"content":"\u003Cp\u003EBsowohl die \u003Chead\u003E-Tags als auch die \u003Cbody\u003E-Tags sind enthalten innerhalb des Haupttags \u003Chtml\u003E. Beide Abschnitte müssen mit den Zeichen "<\u002F>" abgeschlossen werden, damit das Dokument gelesen werden kann.\u003C\u002Fp\u003E\n"}],"title":"Struktur eines HTML document"},{"parts":[{"content":"\u003Cp\u003EDer Kopfabschnitt des Dokuments enthält den Titel der Site, Schlüsselwörter für Suchmaschinen, Skripte und die Position eines kaskadierenden Stylesheets die bei der Formatierung der Seite verwendet werden sollte. Typische HTML-Tags, die im Kopfbereich verwendet werden, sind \u003Ctitle\u003E, \u003Clink\u003E, \u003Cstyle\u003E, \u003Cmeta\u003E und \u003Cscript\u003E-Tags.\u003C\u002Fp\u003E\n"},{"content":"\u003Cp\u003EDas \u003Ctitle\u003E-Tag definiert den Titel des dokumentieren. Das Tag \u003Clink\u003E verknüpft eine externe Ressource, z. B. eine CSS-Datei, mit dem Dokument. Das Tag \u003Cstyle\u003E definiert Dokumentstile. Das Tag \u003Cmeta\u003E wird verwendet, um den Autor, die Schlüsselwörter und die Beschreibung des Dokuments zu definieren. Das Tag \u003Cscript\u003E definiert ein Skript, das auf dem Computer des Besuchers ausgeführt werden soll. Wenn der Kopfabschnitt nicht im Dokument platziert ist, wird der Inhalt des Dokuments dennoch von der browser.\u003C\u002Fp\u003E\n"}],"title":"Head Contents"},{"parts":[{"content":"\u003Cp\u003EDer Hauptteil wird zum Formatieren verwendet die eigentliche Webseite. Die meisten HTML-Tags, wie das Absatz-Tag (\u003Cp\u003E), das Anker-Tag (\u003Ca\u003E), die Überschriften Tags (\u003Ch1\u003E bis \u003Ch6\u003E) und das Abschnitts-Tag (\u003Cdiv\u003E) werden in diesem Abschnitt des dokumentieren. Serverseitige Skripte werden ebenfalls in diesem Abschnitt des Dokuments platziert. Wenn Sie in Ihrem HTML-Dokument keinen Body-Abschnitt haben, wird im Web nichts angezeigt browser.\u003C\u002Fp\u003E\n"}],"title":"Body Contents"},{"parts":[{"content":"\u003Cp\u003EDas einzige, was nicht zwischen den \u003Chtml\u003E-Tags ist die DOCTYPE-Deklaration. Falls verwendet, sollte es die erste Zeile im HTML-Dokument sein. Es wird verwendet, um dem Webbrowser mitzuteilen, welche HTML-Version das Dokument verwendet. Der Browser verwendet diese Erklärung, um die Seite korrekt darzustellen. Die DOCTYPE-Deklaration kann weggelassen werden, aber der Browser zeigt Ihre Seite möglicherweise nicht an Sind die beiden Hauptteile eines HTML-Dokuments?","page_title":"Was sind die beiden Hauptteile eines HTML-Dokuments HTML Head Elements"},{"url":"http:\u002F\u002Fwww.w3schools.com\u002Ftags\u002Ftag_meta.asp","title":"W3Schools.com: HTML <Meta> Tag"},{"url":"http:\u002F\u002Fwww.w3schools.com\u002Ftags\u002Ftag_body.asp","title":"W3Schools.com: HTML <Body> Tag"},{"url":"http:\u002F\u002Fwww.w3schools.com\u002Ftags\u002Ftag_doctype.asp","title":"W3Schools.com: HTML <!DOCTYPE> Declaration"}],"resources":[],"slug":"\u002Farticles\u002Fwas-sind-die-zwei-Hauptteile-eines-html-Dokuments","studio_id":"c3e12530-5681- 40e5-89ca-09db1f984f65","summary":"Die beiden Haupt- Teile eines HTML-Dokuments sind der Kopf und der Rumpf. Jeder Abschnitt enthält spezifische Informationen. Der Kopfabschnitt enthält Informationen, die für den Webbrowser und die Suchmaschinen nützlich sind, aber für den Leser nicht sichtbar sind. Der Body-Abschnitt enthält die Informationen, die der Besucher sehen soll.","tags":["Group 5","configurabletemplate"],"title":"Was sind die zwei Hauptteile eines HTML Dokument?","title_id":37505,"type":"Article","writer":{"_id":"www.demandstudios.com\u002Fcontributor\u002F8329c089-06a1-45d5-b803-b25f77fd955c","display_name" :"Kristen Waters","bio":"Kristen Waters schreibt seit 2004 für die Computerindustrie. Sie hat Schulungsmaterialien für große und kleine Computerfirmen sowie Anleitungen und informative Artikel für viele Online-Publikationen geschrieben. Sie hat einen Bachelor of Science sowohl vom York College of Pennsylvania als auch von der University of Sind die zwei Hauptbestandteile eines HTML-Dokuments?"}]}],"keywords":["HTML-Dokumentabschnitte","HTML-Hauptteilabschnitt","HTML-Kopf" zwei Hauptteile eines HTML-Dokuments sind der Kopf und der Hauptteil. Jeder Abschnitt enthält spezifische Informationen. Der Kopfabschnitt enthält Informationen, die für den Webbrowser und die Suchmaschinen nützlich sind, aber für den Leser nicht sichtbar sind. Der Abschnitt body enthält die Informationen, die der Besucher sehen soll. Das Dokument ist speziell so formatiert, dass Webbrowser die Informationen analysieren und dem Besucher präsentieren können korrekt.\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":"Struktur eines HTML-Dokuments","formatted_title":""}},{"type":"content","content":"\u003Cp\u003EAEin HTML-Dokument muss korrekt formatiert sein, damit es von einem Webbrowser gelesen werden kann. Das Folgende ist ein allgemeiner Überblick über ein typisches HTML-Dokument:\u003C\u002Fp\u003E\n"},{"type":"jwplayer","content":{"advertisingTag":"https:\u002F\u002Fpubads.g .doubleclick.net\u002Fgampad\u002Fads? \u003Chtml\u003E \u003Chead\u003E Informationen für Webbrowser und Suchmaschinen \u003C\u002Fhead\u003E \u003Cbody\u003E Für Leser sichtbare Inhalte \u003C\u002Fbody\u003E \u003C\u002Fhtml\u003E"},{"type":"content","content":"\u003Cp\u003EBsowohl die \u003Chead\u003E-Tags als auch die \u003Cbody\u003E-Tags sind im Haupt-\u003Chtml\u003E. enthalten Schild. Beide Abschnitte müssen mit den Zeichen "<\u002F>" abgeschlossen werden, damit das Dokument read.\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":"Head Contents","formatted_title":""}},{"type":"content","content":"\u003Cp\u003EDer Kopfabschnitt des Dokuments enthält den Titel der Site, Schlüsselwörter für Suchmaschinen, Skripte und die Position eines Cascading Stylesheets, das beim Formatieren der Seite verwendet werden soll. Typische HTML-Tags, die im Kopfbereich verwendet werden, sind \u003Ctitle\u003E, \u003Clink\u003E, \u003Cstyle\u003E, \u003Cmeta\u003E und \u003Cscript\u003E-Tags.\u003C\u002Fp\u003E\n"},{"type":"content","content":"\u003Cp\u003EDas \u003Ctitle\u003E-Tag definiert den Titel des dokumentieren. Das Tag \u003Clink\u003E verknüpft eine externe Ressource, z. B. eine CSS-Datei, mit dem Dokument. Das Tag \u003Cstyle\u003E definiert Dokumentstile. Das Tag \u003Cmeta\u003E wird verwendet, um den Autor, die Schlüsselwörter und die Beschreibung des Dokuments zu definieren. Das Tag \u003Cscript\u003E definiert ein Skript, das auf dem Computer des Besuchers ausgeführt werden soll. Wenn der Kopfabschnitt nicht im Dokument platziert ist, wird der Inhalt des Dokuments dennoch von der browser.\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\u003EDer Body-Abschnitt wird verwendet, um die eigentliche Webseite zu formatieren. Die meisten HTML-Tags, wie das Absatz-Tag (\u003Cp\u003E), das Anker-Tag (\u003Ca\u003E), die Überschriften Tags (\u003Ch1\u003E bis \u003Ch6\u003E) und das Abschnitts-Tag (\u003Cdiv\u003E) werden in diesem Abschnitt des dokumentieren. Serverseitige Skripte werden ebenfalls in diesem Abschnitt des Dokuments platziert. Wenn Sie in Ihrem HTML-Dokument keinen Body-Abschnitt haben, wird im Web nichts angezeigt browser.\u003C\u002Fp\u003E\n"},{"type":"title","content":{"title":"DOCTYPE","formatted_title":""}},{"type":" content","content":"\u003Cp\u003EDas einzige, was nicht Zwischen den \u003Chtml\u003E-Tags befindet sich die DOCTYPE-Deklaration. Falls verwendet, sollte es die erste Zeile im HTML-Dokument sein. Es wird verwendet, um dem Webbrowser mitzuteilen, welche HTML-Version das Dokument verwendet. Der Browser verwendet diese Erklärung, um die Seite korrekt darzustellen. Die DOCTYPE-Deklaration kann weggelassen werden, aber der Browser zeigt Ihre Seite möglicherweise nicht an Sind die zwei Hauptteile eines HTML Dokument?","slug":"\u002Farticles\u002Fwas-sind-die-zwei-Hauptteile-eines-html-Dokuments","image":{"caption":""},"Zusammenfassung": "Die beiden Hauptteile eines HTML Dokument sind der Kopf und der Körper. Jeder Abschnitt enthält spezifische Informationen. Der Kopfabschnitt enthält Informationen, die für den Webbrowser und die Suchmaschinen nützlich sind, aber für den Leser nicht sichtbar sind. Der Abschnitt body enthält die Informationen, die der Besucher anzeigen soll Team","bio":"","writer_id":"www.demandstudios.com\u002Fcontributor\u002F667e9228-72d4-48ee-ad46-1ca4c9911aab"},"title":"Wie man ein Bild mit HTML-Programmierung zentriert", "category":{"name":"Tech Support","slug":"tech-support"},"subcategory":{"name":"Wie 1"],"title_id":9321,"summary":"Ein Webseiten-Codierer verwendet die Hypertext Markup Language, um dem Webbrowser den funktionalen Zweck jedes Elements auf einer Seite mitzuteilen, z. B. ein Absatz, eine Überschrift oder Smith","bio":"","writer_id":"www.demandstudios.com\u002Fcontributor\u002F9daedf9f-3cbb-4c49-85a2-349b732baab3"},"title":"So verwenden Sie JavaScript zum Drucken einer PDF-Datei", "category":{"name":"Tech Support","slug":"tech-support"},"subcategory":{"name":"Wie frames","PDF drucken","Webentwicklung","Drucken in JavaScript"],"tags":["Group 9"],"title_id":33574,"summary":"Es ist verständlich, dass Sie dies wünschen Drucken Sie eine PDF-Datei mit direktem Code innerhalb Ihrer Webseite. Die Alternative besteht darin, Ihren Viewer dazu zu bringen, die PDF-Datei herunterzuladen, sie zu öffnen und sie dann aus einem anderen Programm wie Adobe. auszudrucken Graham","bio":"Richard Graham arbeitet seit 2007 sowohl als Ökonom als auch als Pädagoge. Er arbeitet auch als Berater für kleine Unternehmen und Organisationen, die sich auf die Entwicklung grüner Technologien konzentrieren. Graham hat einen Bachelor of Science in um den Zeilenabstand in HTML zu reduzieren","category":{"name":"Tech Support","slug":"tech-support"},"subcategory":{"name":"How Spacing Website","Zeilenabstand HTML","Zeilenhöhe HTML"],"tags":["Group 7"],"title_id":25692,"summary":"Die Verwendung von HTML erleichtert das Erstellen einfacher Webseiten und kontrollieren verschiedene Attribute dieser Seiten, einschließlich Schriftart, Textgröße, Farbe und Zeilenabstand. Das Verringern des Zeilenabstands kann nützlich sein, wenn Sie eine Webseite komprimieren oder den Leerraum aus ästhetischen Gründen reduzieren müssen Gründe.","source":"cme","position":3},{"image":{"alttext":"HTML-Web Claerr","bio":"Jennifer Claerr ist Web-Autorin, die für Online-Sites wie Demand Studios, NBC5i.com, Texas.com und PC.com geschrieben hat. Sie hat einen Abschluss in Kunst von der University of Texas in Arlington. Sie schreibt zu verschiedenen Themen, darunter Urlaub, Gesundheit und Fitness, Reisen, Computer und Steht HTML für?","category":{"name":"Technisch für tag Bedeutung","was ist html","html-Erklärung"],"tags":["Group 3"],"title_id":37685,"summary":"HTML steht für Hypertext Markup Language, die Sprache, die verwendet wird, um Dokumente für die Welt Netz. Mithilfe von Tags und Attributen teilt HTML Webbrowsern mit, wie Text, Hyperlinks und Bilder auf einer Webseite angezeigt werden und wie die Seite reagieren soll, wenn ein Benutzer interagiert damit.","source":"cme"},{"image":{"alttext":"HTML Wayne","bio":"David Wayne schreibt seit 2010, wobei Technologiekolumnen in mehreren regionalen Zeitungen in Texas erscheinen. Wayne schloss 2005 sein Studium an der University of Houston mit einem Bachelor of Arts in Small.jpg","writer_id":"www.demandstudios.com\u002Fcontributor\u002F579c0246-8a73-4826-b8fc-d7cb70f46145"},"title":"Wie mache ich Text in Rot? HTML?","category":{"name":"Technischer Support","slug":"tech-support"},"subcategory":{"name":"Wie 4.01 doctype","internal CSS HTML","HTML5 veraltete Tags"],"tags":["Group 2"],"title_id":6420,"summary":"HTML verwendet ein System von reservierten Schlüsselwörtern, die als Tags bezeichnet werden, die angeben Elementattribute wie Schriftstil, Farbe und Ausrichtung. In HTML 4.01 und früheren Versionen verwendet das <font>-Tag ein Farbattribut, das die Buleen","bio":"Chad Buleen ist ein preisgekrönter Zeitungsjournalist und Zeitschriftenredakteur der Society of Professional Journalists mit mehr als 10 Jahren Erfahrung. Er ist leitender Zeitschriftenredakteur bei einer internationalen Kinderzeitschrift. Buleen hat einen Bachelor of Arts in Kommunikation mit Schwerpunkt Printjournalismus von Brigham Young to Type a Caret Symbol","category":{"name":"Tech Support","slug":"tech-support"},"subcategory":{"name":"Wie Caret-Schlüssel","Caret-Symbol eingeben","Caret-Symbol einfügen"],"tags":["Group 5"],"title_id":32081,"summary":"Redakteure im Veröffentlichungsfeld verwenden das Caret-Symbol, um anzugeben dass es einen Abschnitt auf der Seite gibt, in dem etwas fehlt. Wenn ein Wort beispielsweise falsch geschrieben ist, weil ein benötigter Buchstabe fehlt, kann der Editor ein Caretzeichen mit dem benötigten Buchstaben direkt darunter einfügen Team","bio":"","writer_id":"www.demandstudios.com\u002Fcontributor\u002F667e9228-72d4-48ee-ad46-1ca4c9911aab"},"title":"Wie man ein Bild mit HTML zentriert Programmierung","category":{"name":"Technischer Support","slug":"tech-support"},"subcategory":{"name":"Wie 1"],"title_id":9321,"summary":"Ein Webseiten-Codierer verwendet die Hypertext Markup Language, um dem Webbrowser den funktionalen Zweck jedes Elements auf einer Seite mitzuteilen, z. B. ein Absatz, eine Überschrift oder Smith","bio":"","writer_id":"www.demandstudios.com\u002Fcontributor\u002F9daedf9f-3cbb-4c49-85a2-349b732baab3"},"title":"So verwenden Sie JavaScript zum Drucken einer PDF-Datei", "category":{"name":"Tech Support","slug":"tech-support"},"subcategory":{"name":"Wie frames","PDF drucken","Webentwicklung","Drucken in JavaScript"],"tags":["Group 9"],"title_id":33574,"summary":"Es ist verständlich, dass Sie dies wünschen Drucken Sie eine PDF-Datei mit dem gefundenen Code direkt auf Ihrer Webseite. Die Alternative besteht darin, Ihren Viewer dazu zu bringen, die PDF-Datei herunterzuladen, sie zu öffnen und sie dann aus einem anderen Programm wie Adobe. auszudrucken Graham","bio":"Richard Graham arbeitet seit 2007 sowohl als Ökonom als auch als Pädagoge. Er arbeitet auch als Berater für kleine Unternehmen und Organisationen, die sich auf die Entwicklung grüner Technologien konzentrieren. Graham hat einen Bachelor of Science in um den Zeilenabstand in HTML zu reduzieren","category":{"name":"Tech Support","slug":"tech-support"},"subcategory":{"name":"How Spacing Website","Zeilenabstand HTML","Zeilenhöhe HTML"],"tags":["Group 7"],"title_id":25692,"summary":"Die Verwendung von HTML erleichtert das Erstellen einfacher Webseiten und kontrollieren verschiedene Attribute dieser Seiten, einschließlich Schriftart, Textgröße, Farbe und Zeilenabstand. Das Verringern des Zeilenabstands kann nützlich sein, wenn Sie eine Webseite komprimieren oder den Leerraum aus ästhetischen Gründen reduzieren müssen Gründe.","source":"cme","position":3},{"image":{"alttext":"HTML-Web Claerr","bio":"Jennifer Claerr ist Web-Autorin, die für Online-Sites wie Demand Studios, NBC5i.com, Texas.com und PC.com geschrieben hat. Sie hat einen Abschluss in Kunst von der University of Texas in Arlington. Sie schreibt zu verschiedenen Themen, darunter Urlaub, Gesundheit und Fitness, Reisen, Computer und Steht HTML für?","category":{"name":"Technisch für tag Bedeutung","was ist html","html-Erklärung"],"tags":["Group 3"],"title_id":37685,"summary":"HTML steht für Hypertext Markup Language, die Sprache, die verwendet wird, um Dokumente für die Welt Netz. Mithilfe von Tags und Attributen teilt HTML Webbrowsern mit, wie Text, Hyperlinks und Bilder auf einer Webseite angezeigt werden und wie die Seite reagieren soll, wenn ein Benutzer interagiert damit.","source":"cme"},{"image":{"alttext":"HTML Wayne","bio":"David Wayne schreibt seit 2010, wobei Technologiekolumnen in mehreren regionalen Zeitungen in Texas erscheinen. Wayne schloss 2005 sein Studium an der University of Houston mit einem Bachelor of Arts in Small.jpg","writer_id":"www.demandstudios.com\u002Fcontributor\u002F579c0246-8a73-4826-b8fc-d7cb70f46145"},"title":"Wie mache ich Text in Rot? HTML?","category":{"name":"Technischer Support","slug":"tech-support"},"subcategory":{"name":"Wie 4.01 doctype","internal CSS HTML","HTML5 veraltete Tags"],"tags":["Group 2"],"title_id":6420,"summary":"HTML verwendet ein System von reservierten Schlüsselwörtern, die als Tags bezeichnet werden, die angeben Elementattribute wie Schriftstil, Farbe und Ausrichtung. In HTML 4.01 und früheren Versionen verwendet das <font>-Tag ein Farbattribut, das die Buleen","bio":"Chad Buleen ist ein preisgekrönter Zeitungsjournalist und Zeitschriftenredakteur der Society of Professional Journalists mit mehr als 10 Jahren Erfahrung. Er ist leitender Zeitschriftenredakteur bei einer internationalen Kinderzeitschrift. Buleen hat einen Bachelor of Arts in Kommunikation mit Schwerpunkt Printjournalismus von Brigham Young to Type a Caret Symbol","category":{"name":"Tech Support","slug":"tech-support"},"subcategory":{"name":"Wie Caret-Schlüssel","Caret-Symbol eingeben","Caret-Symbol einfügen"],"tags":["Group 5"],"title_id":32081,"summary":"Redakteure im Veröffentlichungsfeld verwenden das Caret-Symbol, um anzugeben dass es einen Abschnitt auf der Seite gibt, in dem etwas fehlt. Wenn ein Wort beispielsweise falsch geschrieben ist, weil ein benötigter Buchstabe fehlt, kann der Editor ein Caretzeichen mit dem benötigten Buchstaben direkt darunter einfügen Inline-Block; Mindestbreite: 320px; maximale Breite: 1200px; width: 100%;height: 450px"},"linkUnit":{"desktop":{"clientId":"ca-pub-0316265116163263","slotId":"4465103631","styles":"display: inline- Block; Breite: 440px; Höhe: 200px"},"mobile":{"clientId":"ca-pub-0316265116163263","slotId":"9816821440","styles":"display: block; Übergang: keine 0s leicht 0s; Umriss: keine; Rand: keine; Füllung: 0px; Rahmenabstand: 0px; Höhe: kann über Affiliate-Links eine Entschädigung verdienen sind sind 443","externalDomain":"https:\u002F\u002Fapi.techwalla.com: & Gadget-Rezensionen, Metascores & Empfehlungen","description":"Technik leicht gemacht für die ganze Familie.","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- für „\u003Cspan\u003E-searchTerm-\u003C\u002Fspan\u003E“","inputPlaceholderValue":"Zur Suche eingeben","noResultsCopy":"Sehen Sie sich unsere neuesten an Möchten Sie mehr über das neueste Tech-Gadget für Kinder oder den besten Tech-Deal erfahren? Techwalla bietet Ihnen unsere ehrlichen Produktempfehlungen, Verkaufsberichte und more.","hero":"\u002Fimages\u002FcategoriesHeros\u002Fshop.png"},"gift-guides":{"name":"Gift Guides","slug":"gift-guides","title": "Geschenk Guides","type":"subcategory","description":"Ob Sie nach den besten technischen Geschenken für Ihr Kleinkind oder nach Geschenken für Ihren Smart-Home-Fan suchen, bei uns sind Sie richtig mit fachkundigen Geschenkführern.","hero":"\u002Fimages\u002FcategoriesHeros\u002Fshop.png","parent":{"name":"Shop","slug":"shop"}},"tech-toys" :{"name":"Tech Toys","slug":"tech-toys","title":"Tech Toys","type":"subcategory","description":"Du willst ein technisch versiertes und zugleich lehrreiches Geschenk für dein Kind? Wir bieten Ihnen Artikel über die besten STEM- und STEAM-Geschenke für die Kinder in Ihrem life.","hero":"\u002Fimages\u002FcategoriesHeros\u002Fshop.png","parent":{"name":"Shop","slug":"shop"}},"tech-on-a-budget ":{"name":"Tech mit kleinem Budget","slug":"Tech-on-a-Budget","title":"Tech on a Budget","type":"subcategory","description":"Du willst das neueste iPhone, aber es ist nicht im Budget? Wir bieten Ihnen die besten Tech-Angebote, die zu Ihrem Budget passen und lifestyle.","hero":"\u002Fimages\u002FcategoriesHeros\u002Fshop.png","parent":{"name":"Shop","slug":"shop"}},"smart-life":{" name":"Smart Life","slug":"smart-life","title":"Smart Life","type":"category","description":"Mit den neuesten smarten, familienfreundlichen Gadget-Rezensionen, coolen App-Rezensionen, Reisetipps und mehr hilft dir Techwalla, das Leben ein wenig zu leben smarter.","hero":"\u002Fimages\u002FcategoriesHeros\u002FsmartLife.png"},"gadgets":{"name":"Gadgets","slug":"gadgets","title":"Gadgets"," type":"subcategory","description":"Erfahren Sie mehr über die coolsten und neuesten Tech-Gadgets mit unseren ehrlichen Empfehlungen und aktueller Tech-Berichterstattung.","hero":"\u002Fimages\u002FcategoriesHeros\u002FsmartLife.png","parent":{"name":"Smart Life","slug":"smart-life"}},"cool-apps":{"name":"Cool Apps","slug":"cool-apps","title":"Coole Apps", "type":"subcategory","description":"Ob Sie mehr Neuigkeiten zu den coolsten Bildungsangeboten wünschen Apps für Ihre Kinder oder eine ehrliche Bewertung der besten Apps für Ihre Produktivität, wir haben alles.","hero":"\u002Fimages\u002FcategoriesHeros\u002FsmartLife.png","parent":{"name": "Clever Life","slug":"smart-life"}},"travel":{"name":"Travel","slug":"travel","title":"Travel","type":"subcategory ","description":"Bei Techwalla geben wir dir ehrliche Einblicke in die beste Reisetechnologie, Reiseangebote und Tipps, die dir und deiner Familie das Leben (und das Reisen) erleichtern.","hero":"\u002Fimages\u002FcategoriesHeros\u002FsmartLife.png","parent":{"name":"Smart Life","slug":"Smart-Life"}},"Smartphones":{"name":"Smartphones","slug":"Smartphones","title":"Smartphones","type":"Unterkategorie ","description":"Wir bieten ehrliche Kritiken und Neuigkeiten zum Neuesten Smartphones, von iPhones, Androids, Handys für Kinder und mehr.","hero":"\u002Fimages\u002FcategoriesHeros\u002FsmartLife.png","parent":{"name":"Smart Life","slug":"smart-life"}},"technically-for-eltern":{"name":"Technically for Parents","slug":"technically-for-eltern","title": "Technisch für Eltern","type":"category","description":"Von Artikel über neue technische Bildungsressourcen bis hin zu Online-Sicherheitstipps, wir haben alles, was Sie wissen müssen, um technisch versiert zu sein parent.","hero":"\u002Fimages\u002FcategoriesHeros\u002FtechnicallyForParents.png"},"education":{"name":"Education","slug":"education","title":"Education"," type":"subcategory","description":"Von Rezensionen zu Bildungs-Apps zu MINT- und STEAM-Ressourcen, helfen wir Ihnen, sich in der überfüllten Welt der Bildungstechnologie zurechtzufinden und fundierte Entscheidungen für Ihre Kinder zu treffen. Bildung.","hero":"\u002Fimages\u002FcategoriesHeros\u002FtechnicallyForParents.png","parent":{"name":"Technisch f\u00fcr Parents","slug":"technisch-for-eltern"}},"online-safety":{"name":"Online-Sicherheit","slug":"online-safety","title":"Online-Sicherheit ","type":"subcategory","description":"Bei Techwalla bieten wir Sie mit den Informationen, die Sie benötigen, um Ihre Familie in ihrer Technologie, online und. zu schützen more.","hero":"\u002Fimages\u002FcategoriesHeros\u002FtechnicallyForParents.png","parent":{"name":"Technisch f\u00fcr Eltern","slug":"technisch-f\u00fcr-Eltern"}},"tech -support":{"name":"Tech Support","slug":"tech-support","title":"Shop","type":"category","description":"Techwalla ist Ihr One-Stop-Shop für technische Beratung. Von Schritt-für-Schritt-Anleitungen bis hin zu Bewertungen und mehr helfen wir Ihnen und Ihrer Familie in Kontakt zu bleiben und produktiv.","hero":"\u002Fimages\u002FcategoriesHeros\u002FtechSupport.png"},"how-to":{"name":"How To","slug":"how-to","title": "How To","type":"subcategory","description":"Von Artikel, die Ihnen helfen, Ihren Drucker auf die Fehlerbehebung bei Ihrem Telefon zurückzusetzen, bei Techwalla helfen wir Ihnen, Ihre Technik zu entmystifizieren Probleme.","hero":"\u002Fimages\u002FcategoriesHeros\u002FtechSupport.png","parent":{"name":"Tech Support","slug":"tech-support"}},"reviews":{"name":"Reviews","slug":"reviews","title":"Reviews","type":"subcategory ","description":"Bei Techwalla bieten wir ehrliche Produkte Empfehlungen, damit Sie über Ihre Technologie, Ihr Leben und Ihren Einkauf am besten informiert sind Entscheidungen.","hero":"\u002Fimages\u002FcategoriesHeros\u002FtechSupport.png","parent":{"name":"Tech Support","slug":"tech-support"}},"entertainment":{"name":"Entertainment","slug":"entertainment","title":"Entertainment","type":"category ","description":"Von den Neuerungen in Social Media bis hin zu monatlichen Artikeln über das Beste, was auf den verschiedenen Plattformen gestreamt wird, wir haben Sie abgedeckt.","hero":"\u002Fimages\u002FcategoriesHeros\u002FentertainmentImage.png"},"whats-streaming":{"name":"What's Streaming","slug":"whats-streaming","title": "Was ist? Streaming","type":"subcategory","description":"Leiden Sie unter einer Analyse-Lähmung, wenn es darum geht, was Sie heute Abend sehen? Bei Techwalla haben wir Sie mit wöchentlichen und monatlichen Artikeln zu Streaming-Programmen versorgt Plattform.","hero":"\u002Fimages\u002FcategoriesHeros\u002FentertainmentImage.png","parent":{"name":"Entertainment","slug":"Entertainment"}},"social-media":{" name":"Sozial Media","slug":"social-media","title":"Social Media","type":"subcategory","description":"Du willst das Neueste in den sozialen Medien erfahren? Wir haben alles mit Updates zu den neuesten Chat-Apps, damit Ihre Familie in Verbindung bleibt, familienfreundliche soziale Plattformen und (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":"Abonnieren für home inspiration","body_text":"Anleitungen und das Neueste 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 || []; Funktion 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('script'); reveScript.src = ' https://reve.leafmedia.io/techwalla.js'; reveScript.defer = true document.head.appendChild (reveScript); } setTimeout(() => { loadReve() }, 2500) </script> <script data-id="lg-pagespeed" type="text/javascript"> // instana (Funktion (s, t, a, n){s[t]||(s[t]=a, n=s[a]=function(){nqpush (Argumente)}, nq=[],nv=2,nl= 1*neues Datum)})(window,"InstanaEumObject","ineum"); ineum('reportingUrl', ' https://eum-red-saas.instana.io'); ineum('key', window.lg.instanaApiKey); ineum('trackSessions'); ineum('ignoreUrls', [/(localhost|cm\d\d\d\d).*/]); let isAppLazyLoaded = false; // Wert wird in Fundation ersetzt const LAZY_LOAD_TIMER = 5000; const lazyLoadEvents = ['mousedown', 'scroll', 'touchstart']; Funktion lazyLoadApp () { if (isAppLazyLoaded) { zurück; } isAppLazyLoaded = true; // nicht entfernen, Schlüsselwort wird str.replaced in Fundation-Funktion insertAfter (el, referenceNode) {referenceNode.parentNode.insertBefore (el, referenceNode.nextSibling);} var lastScript = document.querySelector('script[data-id="lg-pagespeed"]'); [[]].forEach (Funktion (src){ var s = document.createElement("script"); s.setAttribute("async", true); s.src = src; insertAfter (s, lastScript); letztesSkript = s; }); if (window.location.search.indexOf('vue=false') -1 && 1 ) { ['"/dist/manifest_2797b390f2f2298568a8.js','"/dist/vendors~app_2797b390f2f2298568a8.js','"/dist/app_2797b390f2f2298568a8.js'].forEach (Funktion (src){ src=src.replace('"', '') var s = document.createElement("script"); s.setAttribute("crossorigin", "anonymous"); s.setAttribute("async", true); s.src = src; insertAfter (s, lastScript); letztesSkript = 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",threshold: 0}) const firstImage = document.querySelectorAll('source[data-base64]') if (firstImage.length) { firstImage.forEach (element => articleImageObserver.observe (element)) } }, 500); </script> </html>