{"id":701,"date":"2023-09-04T08:00:00","date_gmt":"2023-09-04T06:00:00","guid":{"rendered":"https:\/\/www.fuhselab.de\/?p=701"},"modified":"2023-08-23T11:22:30","modified_gmt":"2023-08-23T09:22:30","slug":"html-grundgeruest-1-2","status":"publish","type":"post","link":"https:\/\/www.fuhselab.de\/index.php\/2023\/09\/04\/html-grundgeruest-1-2\/","title":{"rendered":"HTML Workshop 1"},"content":{"rendered":"\n<p>Mit diesem Artikel beginnt der Webdesign Workshop 2023. Schritt f\u00fcr Schritt und Artikel f\u00fcr Artikel werden die Grundlagen von HTML vorgestellt.<\/p>\n\n\n\n<!--more-->\n\n\n\n<p><strong>Die Doctype-Angabe:<\/strong><\/p>\n\n\n\n<p>Ein HTML5 Dokument beginnt mit der Doctype-Angabe\u2026<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>&lt;!DOCTYPE html&gt;<\/li>\n<\/ul>\n\n\n\n<p>In HTML werden einzelne Elemente also in Spitzklammern gesetzt. Einzige Besonderheit der Doctype-Angabe ist das Ausrufezeichen \u2013 das gibt es in den anderen Elementen so nicht.<\/p>\n\n\n\n<p><strong>Das HTML-Element:<\/strong><\/p>\n\n\n\n<p>Direkt nach der Doctype-Angabe folgt das HTML-Element\u2026<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>&lt;html&gt;<\/li>\n<\/ul>\n\n\n\n<p>Ganz am Ende der Datei wird dieses Element auch wieder geschlossen\u2026<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>&lt;\/html&gt;<\/li>\n<\/ul>\n\n\n\n<p><strong>Der head-Bereich:<\/strong><\/p>\n\n\n\n<p>Der erste Bereich der nun folgt ist der head-Bereich:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;head&gt;\n\n&lt;title&gt;HTML 5 Basis&lt;\/title&gt;\n\n&lt;link rel=\u201cstylesheet\u201c href=\u201c01_CSS\/01_zentrale.css\u201c type=\u201ctext\/css\u201c \/&gt;\n\n&lt;meta charset=\u201cUTF-8\u2033\/&gt;\n\n&lt;\/head&gt;<\/code><\/pre>\n\n\n\n<p>Der head-Bereich legt den Titel der Webseite fest \u2013 also das was im Browserfenster in der Titelleiste steht. Au\u00dferdem findet sich hier die Angabe zur CSS-Datei und falls n\u00f6tig auch Metaangaben f\u00fcr die Webseite.<\/p>\n\n\n\n<p><strong>Der body-Bereich:<\/strong><\/p>\n\n\n\n<p>Der n\u00e4chste Bereich ist nun der Hauptbereich der Webseite \u2013 der body-Bereich.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>&lt;body&gt;<\/li>\n<\/ul>\n\n\n\n<p>Innerhalb dieses body-Bereichs werden nun entweder \u201ediv id-Bereiche\u201c eingef\u00fcgt oder gleich die neuen semantischen HTML 5 Elemente benutzt.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>&lt;\/body&gt;<\/li>\n<\/ul>\n\n\n\n<p>Auch der body-Bereich wird am Ende wieder geschlossen.<\/p>\n\n\n\n<p><strong>Ausblick:<\/strong><\/p>\n\n\n\n<p>Im n\u00e4chsten Webdesign-Artikel wird das HTML Grundger\u00fcst weiterentwickelt und zwar mit den Inhalten und Elementen f\u00fcr den body-Bereich\u2026<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Mit diesem Artikel beginnt der Webdesign Workshop 2023. Schritt f\u00fcr Schritt und Artikel f\u00fcr Artikel werden die Grundlagen von HTML vorgestellt.<\/p>\n","protected":false},"author":1,"featured_media":545,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[23],"class_list":["post-701","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-webdesign","tag-webdesign-gruppe-peine"],"_links":{"self":[{"href":"https:\/\/www.fuhselab.de\/index.php\/wp-json\/wp\/v2\/posts\/701","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.fuhselab.de\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.fuhselab.de\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.fuhselab.de\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.fuhselab.de\/index.php\/wp-json\/wp\/v2\/comments?post=701"}],"version-history":[{"count":2,"href":"https:\/\/www.fuhselab.de\/index.php\/wp-json\/wp\/v2\/posts\/701\/revisions"}],"predecessor-version":[{"id":726,"href":"https:\/\/www.fuhselab.de\/index.php\/wp-json\/wp\/v2\/posts\/701\/revisions\/726"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.fuhselab.de\/index.php\/wp-json\/wp\/v2\/media\/545"}],"wp:attachment":[{"href":"https:\/\/www.fuhselab.de\/index.php\/wp-json\/wp\/v2\/media?parent=701"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.fuhselab.de\/index.php\/wp-json\/wp\/v2\/categories?post=701"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.fuhselab.de\/index.php\/wp-json\/wp\/v2\/tags?post=701"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}