{"id":372,"date":"2018-10-02T15:26:37","date_gmt":"2018-10-02T15:26:37","guid":{"rendered":"https:\/\/blog.zhdk.ch\/wordpress\/?page_id=372"},"modified":"2021-10-19T09:54:37","modified_gmt":"2021-10-19T09:54:37","slug":"3-2-html-basics","status":"publish","type":"page","link":"https:\/\/blog.zhdk.ch\/wordpress\/3-design\/3-2-html-basics\/","title":{"rendered":"3.2 HTML Basics"},"content":{"rendered":"<h5><span style=\"color: #ff0000\">Browser Chrome<\/span><\/h5>\n<p><span style=\"color: #ff0000\">-&gt; Anzeige -&gt; Entwickler -&gt; Quelltext anzeigen<br \/>\n-&gt; Rechtsklicken -&gt; Element untersuchen<\/span><\/p>\n<h2>Headings<\/h2>\n<p><code class=\"w3-codespan\">&lt;h1&gt;<\/code>&nbsp;bis&nbsp;<code class=\"w3-codespan\">&lt;h6&gt;<\/code> tags<\/p>\n<p>&lt;h1&gt; Super Wichtig &lt;\/h1&gt;<\/p>\n<h2>Paragraphs<\/h2>\n<p>&lt;p&gt; Normaler Text &lt;\/p&gt;<\/p>\n<h2>Linie<\/h2>\n<p>&lt;br&gt;<\/p>\n<h2>Links<\/h2>\n<p>&lt;a href=&#8220;https:\/\/www.elenagonzalez.ch&#8220;&gt;Link&lt;\/a&gt; es \u00f6ffnet sich in gleiche Fenster<\/p>\n<p>&lt;a href=&#8220;https:\/\/www.elenagonzalez.ch&#8220;<strong> target=&#8220;_blank&#8220;<\/strong>&gt;Link&lt;\/a&gt; es \u00f6ffnet sich in ein neuer Tab<\/p>\n<p>&lt;a href=&#8220;https:\/\/www.elenagonzalez.ch&#8220;<b> rel<\/b>=<b>&#8222;nofollow&#8220;<\/b>&gt;Link&lt;\/a&gt; z.B. f\u00fcr External Links<\/p>\n<h2><strong>ID-Attribute<\/strong><\/h2>\n<p>SIND IMMER UNIQUE!<\/p>\n<p>id=&#8220;Bookmark&#8220;<\/p>\n<p>F\u00fcr links, Fotos und andere Elemente (z.B. span-Elemente -&gt; wenn ich ein spezifisches Design f\u00fcr dieses Element im CSS haben m\u00f6chte) oder um <a href=\"https:\/\/blog.zhdk.ch\/wordpress\/7-menues-und-anker\/\">Anker<\/a> zu generieren<\/p>\n<h2>Title-Attribute<\/h2>\n<p>&lt;a href=&#8220;https:\/\/www.elenagonzalez.ch&#8220;<strong> title=&#8220;Visit mein Web&#8220;<\/strong>&gt;Link&lt;\/a&gt; Info &#8222;Visit mein Web&#8220; wird angezeigt wenn ich \u00fcber den Link mit der Maus gehe. (<a title=\"Visit mein Web\" href=\"https:\/\/www.elenagonzalez.ch\">Beispiel<\/a>)<\/p>\n<p>Ich kann es zum Beispiel auch bei Fotos benutzen.<\/p>\n<h2>Icons<\/h2>\n<ul>\n<li>Characters: Geniale, strukturierte, aber auch extrem umfangreiche Symbolzeichenliste (von 65\u2019000 direkt aufrufbaren Symbolen):<\/li>\n<li><a href=\"http:\/\/html-css-js.com\/html\/character-codes\" target=\"_blank\" rel=\"noopener noreferrer\">http:\/\/html-css-js.com\/html\/character-codes<\/a><\/li>\n<li><a href=\"http:\/\/html-css-js.com\/html\/character-codes\/icons\" target=\"_blank\" rel=\"noopener noreferrer\">http:\/\/html-css-js.com\/html\/character-codes\/icons<\/a><\/li>\n<li>&nbsp;Beispiele:\n<ul>\n<li>Kalender-Icon:&nbsp;<strong>\ud83d\udcc5<\/strong><\/li>\n<li>Zeit-Icon:&nbsp;\ud83d\udd54&nbsp;<\/li>\n<li>Orts-Icon:&nbsp;\ud83d\udccd<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p>Dieser Code kann direkt im HTML-Fenster in WordPress eingef\u00fcgt werden<\/p>\n<h2>Good to know<\/h2>\n<p>Wenn ich eine neue Zeile m\u00f6chte, aber nicht einem neuen Paragraphen: Umschalttaste+Enter (Shift+Enter)<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Browser Chrome -&gt; Anzeige -&gt; Entwickler -&gt; Quelltext anzeigen -&gt; Rechtsklicken -&gt; Element untersuchen Headings &lt;h1&gt;&nbsp;bis&nbsp;&lt;h6&gt; tags &lt;h1&gt; Super Wichtig &lt;\/h1&gt; Paragraphs &lt;p&gt; Normaler Text &lt;\/p&gt; Linie &lt;br&gt; Links &lt;a href=&#8220;https:\/\/www.elenagonzalez.ch&#8220;&gt;Link&lt;\/a&gt; es \u00f6ffnet sich in gleiche Fenster &lt;a href=&#8220;https:\/\/www.elenagonzalez.ch&#8220; target=&#8220;_blank&#8220;&gt;Link&lt;\/a&gt; es \u00f6ffnet sich in ein neuer Tab &lt;a href=&#8220;https:\/\/www.elenagonzalez.ch&#8220; rel=&#8222;nofollow&#8220;&gt;Link&lt;\/a&gt; z.B. f\u00fcr External Links ID-Attribute &hellip; <a href=\"https:\/\/blog.zhdk.ch\/wordpress\/3-design\/3-2-html-basics\/\" class=\"more-link\"><span class=\"screen-reader-text\">3.2 HTML Basics<\/span> weiterlesen<\/a><\/p>\n","protected":false},"author":4030,"featured_media":0,"parent":96,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"ngg_post_thumbnail":0,"footnotes":""},"class_list":["post-372","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/blog.zhdk.ch\/wordpress\/wp-json\/wp\/v2\/pages\/372","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.zhdk.ch\/wordpress\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/blog.zhdk.ch\/wordpress\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/blog.zhdk.ch\/wordpress\/wp-json\/wp\/v2\/users\/4030"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.zhdk.ch\/wordpress\/wp-json\/wp\/v2\/comments?post=372"}],"version-history":[{"count":9,"href":"https:\/\/blog.zhdk.ch\/wordpress\/wp-json\/wp\/v2\/pages\/372\/revisions"}],"predecessor-version":[{"id":2766,"href":"https:\/\/blog.zhdk.ch\/wordpress\/wp-json\/wp\/v2\/pages\/372\/revisions\/2766"}],"up":[{"embeddable":true,"href":"https:\/\/blog.zhdk.ch\/wordpress\/wp-json\/wp\/v2\/pages\/96"}],"wp:attachment":[{"href":"https:\/\/blog.zhdk.ch\/wordpress\/wp-json\/wp\/v2\/media?parent=372"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}