""

Wenn der Website-Besucher anrufen soll: Mit einem "tel:" Link kann ein Text oder Button klickbar gemacht werden. Beim Klick öffnet sich auf dem Handy direkt die Telefon-App, auf dem Mac startet stattdessen Facetime. Das ist praktisch für Landingpages, bei denen der Besucher direkt bei Fragen anrufen können soll – oder, um einen Termin zu vereinbaren. Eine Telefonnummer, die man mühsam abtippen muss, wirkt ...

Um das Trade Mark (TM) und "Registered" (R) Zeichen zu erstellen, gibt es eigene HTML-Codes: Damit lassen sich die Zeichen einfach erstellen und mit allen Browsern anzeigen. Außerdem bietet HTML eine Funktion, um die Zeichen hochzustellen. Wer mag, kann das Aussehen aber mit CSS noch weiter anpassen. HTML Code für das Trademark Zeichen ™: ™ HTML Code für das Registered Zeichen ®: ® HTML Code zum Hochstellen ™ ®: ^{™ ®} Die HTML Bezeichnung für das Hochstellen ...

Transparenter iFrame - Dafür ist er praktisch: Mit einem transparenten iFrame kann man den Inhalt einer anderen Webseite in die aktuelle Seite einbetten. Ein vorhandenes Hintergrundbild der eigentlichen Webseite ist dabei weiter zu sehen: Da der iFrame mit dieser Methode transparent, also ohne Hintergrundfarbe, ist, sieht man die unten liegende Webseite durch. Hat diese Webseite ein Hintergrundbild (oder andere hinter dem iFrame liegende Elemente), sieht man diese durch: Sie werden nur verdeckt, wenn der iFrame ...

Um die Listen-Punkte oder Bullet-Points einer <ul> Liste einzufärben, muss man auch die Textfarbe der Liste ändern. Möchte man dies nicht, kann man mit CSS eigene, andersfarbige Listen-Punkte definieren: Mit dem Befehl "li::before" definiert man ein Element, dass vor dem <li> Element angezeigt wird: Dies ist ein Listen-Punkt, dessen Farbe und Größe man per CSS definieren kann. Damit nicht zwei Bullet-Point Punkte angezeigt werden, muss man die eigentlichen Punkte dann ausblenden: Das geht mit dem Befehl ...

iFrames sind praktische kleine Erfindungen in HTML: Damit lassen sich Inhalte von einer anderen Seite auf der aktuellen Seite anzeigen. Das zeigen wir zum Beispiel in diesem Smart Home Artikel: Während auf dem Bildschirm die Übersicht des Smart Home Servers angezeigt wird, sorgen kleine iFrames oben links und rechts dafür, Datum und Uhrzeit anzuzeigen. <iframe name="zwei" id="zwei" src="zwei.html"></iframe> Ein iFrame sollte einen Namen und eine ID besitzen: Das ist wichtig, um seinen Inhalt von außen zu ...

Die HTML Tags für Audio- und Video besitzen eigentlich ein Attribut für die Lautstärke: Mit "volume" lässt sich die Lautstärke zwischen 0.1 und 1 festlegen: Dieses Attribut wird aber zur Zeit von keinem Browser unterstützt. Das macht aber nichts: Die Lautstärke von Audio- und Video-Inhalten einer Webseite lässt sich auch per Javascript steuern! Tipp: So baut man Audio-Elemente und ...

Mit HTML5 lassen sich auch Videos ganz einfach in Webseiten einbinden. Man braucht dazu jetzt weder Flash noch externe Player im iFrame: HTML5 hat einen eigenen Video-Tag, mit dem man Videos ganz einfach in die Webseiten einbauen kann. Neben dem Video selbst kann man auch verschiedene Option mit angeben: Etwa ob das Video automatisch gestartet oder stumm sein soll, oder ob man Player-Buttons anzeigen möchte. ...

PHP hat die Funktion "striptags", mit der sich ganz leicht sämtliche HTML Befehle aus einem Wert entfernen lassen. In Javascript gibt es dafür zwar keinen Befehl, man kann sich mit einem kleinen Trick aber ganz gut behelfen! Wichtig ist das zum Beispiel, um einen Text weiter zu verarbeiten, oder auch nur um Wörter und Buchstaben zu zählen.   Javascript: HTML Befehle entfernen Eine eigene Funktion hat Javascript nicht, um HTML Befehle aus einem Wert oder einer Variable ...

Copy & Paste HTML Code: Der Code für den Play-Button, für den Stop-Button, den Rewind- und Forward-Button: So macht man die Knöpfe mit reinem HTML-Code, ohne CSS und ohne Grafiken! Play Button: ► - Code: &#9658; Stop Button: ◾ - Code: &#9726; Pause Button: ❙❙ - Code: &#10073;&#10073; Pfeil nach oben: ▲ - Code: &#9650; Pfeil nach unten: ▼ - Code: &#9660; Pfeil nach links: ◄ - ...

Um einen Apostroph ("'") oder ein Anführungszeichen ('"') einzugeben, gibt es bestimmte HTML-Codes: Das kann gerade bei der Programmierung mit Sprachen wie PHP, Perl oder Javascript wichtig sein, wenn am Ende wieder HTML Code ausgegeben werden soll: Dann müssten Apostroph oder Anführungszeichen maskiert werden - oder durch ihre HTML-Codes ersetzt werden. Genau wie bei den Umlauten gibt es auch für Sonderzeichen wie Apostroph und Anführungszeichen spezielle HTML-Codes, die sie sicher abbilden. Bei den Umlauten sind das ...

Tipp: So sieht das Bild ohne CSS Filter aus! Für manche Effekte braucht man kein Bildbearbeitungsprogramm: Mit den CSS Filtern können die Browser viele Effekte selber darstellen - und das, ohne das ursprüngliche Bild zu verändern. Einer dieser Effekte ist der grayscale Filter: Damit wird aus einem bunten Bild eine schicke schwarz-weiß Grafik. Das einfärben des ...

Nur mit HTML und CSS kann man einer Schrift ganz einfach einen schönen Outline-Effekt geben: Einen farbigen Rand um die Text-Zeile herum. Das passt gut für Überschriften, aber auch für Text, der auf einem Bild platziert werden soll und dann so aussehen könnte wie in dem Beispiel-Screenshot oben. Für die CSS Outline definiert man dafür einfach einen Schatten um die Schrift - aber ...

HTML, die Sprache für Webseiten, unterstützt in der Regel nicht direkt mehrere Leerzeichen hintereinander. Trotzdem gibt es drei Möglichkeiten, um mehrere Leerzeichen einzugeben: non-breaking spaces preformatted text CSS Wie man mit diesen drei Optionen mehrere Leerzeichen in den Artikel auf der Webseite eingibt, zeigen wir hier - in der Regel funktioniert das auch in einem CMS wie Wordpress, zumindest wenn man statt dem visuellen Eingabe-Modus auf den Text-Modus klickt. Normalerweise ...

Normalerweise zeigen die Browser die <ul> Listen mit einer Einrückung an: die einzelnen Listenpunkt <li> sind mit kleinem Abstand nach links eingerückt. Für Listen-Aufzählungen ist das zwar praktisch, kann aber stören, wenn man das Layout der Seite etwas genauer planen muss. Hier hilft unser Tipp: Damit kann man den Abstand entweder so einstellen, wie er sein soll - oder aber die Einrückung ganz weglassen, damit die einzelnen LI Elemente linksbündig angezeigt werden.   UL linksbündig: So bleibt ...

Möchte man eine Menüleiste (oder ein anderes Element wie die Navigation) immer sichtbar anzeigen lassen, geht das mit der CSS Angabe "position" - außerdem kann man das Element noch leicht transparent gestalten, damit man beim Scrollen die anderen Inhalte unten noch ein wenig durchscheinen sieht.   HTML Element mit CSS immer sichtbar fixieren Der CSS Befehl zum immer sichtbaren Fixieren eines HTML Elemts lautet ...