320NN Development Wiki

Diese Seite ist nicht editierbar. Sie können den Quelltext sehen, jedoch nicht verändern. Kontaktieren Sie den Administrator, wenn Sie glauben, dass hier ein Fehler vorliegt.
====== 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]]