Benutzer-Werkzeuge

Webseiten-Werkzeuge


html:start

Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

Link zu dieser Vergleichsansicht

Beide Seiten der vorigen RevisionVorhergehende Überarbeitung
Nächste Überarbeitung
Vorhergehende Überarbeitung
html:start [2014-12-27 10:32] – "iframe" eingefügt a.kamolahtml:start [2015-06-13 18:35] (aktuell) – [Links] Link-Titel zum SELFHMLT-Wiki korrigiert a.kamola
Zeile 1: Zeile 1:
 ====== HTML ====== ====== 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 ===== ===== iframe =====
Zeile 11: Zeile 37:
 ''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. ''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.
  
-[[https://developer.mozilla.org/en-US/docs/Web/HTML/Element/iframe|MDN: IFRAME]]+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]]
html/start.1419672724.txt.gz · Zuletzt geändert: 2014-12-27 10:32 von a.kamola