Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- html:start [2014-12-27 10:16] – angelegt a.kamola
+++ html:start [2015-06-13 18:35] (aktuell) – [Links] Link-Titel zum SELFHMLT-Wiki korrigiert a.kamola
@@ Zeile 1: / Zeile 1: @@
 ====== HTML ======
+===== HTML 5 =====
+  * [[html5|HTML5]]
+===== Telefon-Nummern verlinken =====
+Telefon-Nummern können mit einem regulären ''a''-Tag verlinkt werden, indem das [[lexikon:protokoll|Protokoll]] ''tel'' verwendet wird. Die Telefon-Nummer kann dann dort in maschinenlesbarer, internationaler Form hinterlegt werden:
+<code html>
+<a href="tel:+49123456789">0123 456789</a>
+</code>
+Das ''tel''-Protokoll wird von den gängigen Smartphones und auch Browsern erkannt, allerdings kann es u.U. sein, dass ein Desktop-Browser nicht weiß, wie er das Protokoll ''tel'' verwenden soll und eine Warn-Meldung zeigt. Um dies zu verhindern, kann man sich mit einem kleinen JavaScript-Trick behelfen, indem bei dem Attribut ''onclick'' ein ''return false'' aufgerufen wird:
+<code html>
+<a href="tel:+49123456789" onclick="return false" style="cursor: default">0123 456789</a>
+</code>
+Quelle: [[http://chrisruppel.com/gbs/|Chris Ruppel: Linking telephone bumbers for mobile phones]]
+===== RSS-Feed einbinden =====
+<code html>
+<link rel="alternate" type="application/rss+xml" href="/feed" tile="Foobar">
+</code>
+===== iframe =====
+Mit einem ''iframe'' (HTML inline frame element) können andere Seiten in eine HTML-Seite eingebunden werden. Dabei kann es sich um andere lokale Seiten, z.B. ''foobar.html'', oder um entfernte Seiten, z.B. ''http://www.example.com/'', handeln.
+<code html>
+<iframe src="foobar.html" width="400" height="400"></iframe>
+</code>
+''iframe''-Elemente werden mittlerweile häufig für das einbetten externer Inhalte wie YouTube-Videos oder Social-Media-Verknüpfungen wie Facebook-Like-Buttons verwendet.
+Referenz: [[https://developer.mozilla.org/en-US/docs/Web/HTML/Element/iframe|MDN: iframe]]
+===== Links =====
+  * [[https://developer.mozilla.org/docs/Web/HTML|MDN: HTML]]
+  * [[http://selfhtml.org/|SELFHTML]]
+  * [[http://wiki.selfhtml.org/wiki/HTML/Guter_HTML-Stil|SELFHTML-Wiki: Guter HTML-Stil]]
+  * [[https://pinboard.in/u:aberaberarne/t:html|Arnes Link-Sammlung zu HTML]]
+==== Tutorials ====
+=== Kostenpflichtige Tutorials ===
+  * [[https://www.codeschool.com/paths/html-css|Code School: HTML/CSS]]
+  * [[https://www.video2brain.com/de/videotraining/html-und-css-fuer-designer|video2brain: HTML und CSS für Designer]]
+  * [[https://www.video2brain.com/de/videotraining/webprogrammierung-grundlagen|video2brain: Webprogrammierung: Grundlagen]]
+  * [[https://www.video2brain.com/de/videotraining/html5-grundlagen|video2brain: HTML5 – Grundlagen]]
+  * [[https://www.video2brain.com/de/videotraining/html5-fuer-webdesigner|video2brain: HTML5 für Webdesigner]]