HTML-Code zur Gestaltung im Chatbot
HTML ist eine einfache Steuerungssprache, die mit wenigen Befehlen auf einer Internetseite Gestaltungsvorgaben definieren kann. Dazu gehören Schriftgröße und -farbe. Das Anzeigen einer Grafik, Audio oder Videodatei. Im dargestellten Bild werden die folgenden Angaben ausgeführt:
- Stelle die Videodatei "https:// ... (Dateiname mit URL-Pfad) zentriert in einer vorgegebenen Größe dar
- Nun schreibe zentriert in Fettschrift in der Größe 3 und Farbe #7300FF (lila) den Text "Anwender, Experten und Spezialisten helfen Dir !
Die folgenden Befehle lassen sich nutzen. Es ist zu beachten, dass eine Einschaltfunktion (z.B. <b>) stets mit der Ausschaltfunktion (z.B. </B>) zu kombinieren ist. Man schreibt zudem die Befehle stehts in kleinen Buchstaben.
|
Fettschrift |
<b> … </b> |
|
Kursiv |
<i> …. </i> |
|
Unterstrichen |
<u> …. </u> |
|
Zeilenumbruch |
<br> |
|
Farbe setzen |
<span style="color:#7300FF"> …. </span> |
|
Schriftgröße setzen |
<font size="3"> …. </font> |
|
Sonderzeichen |
Direkt den Hex-Code in den Text schreiben z.B. ❀ |
|
|
https://www.vioma.de/de/wiki/tools/html-sonderzeichen/#HTML-Sonderzeichen |
|
Text zentrieren |
<center> … </center> |
|
Link auf Webseite |
<a href="Linkadresse …" target="_blank">Info zum Link …</a> |
|
Link auf Webseite über Button (Grafik) |
<a href="Linkadresse …"> target="_blank <img src="https://verweis..." alt="Alternativname wenn Grafik nicht angezeigt wird" /></a> |
|
Grafik anzeigen |
<center><img src="… Grafikname per https://verweis..." alt="… Alternativname wenn Grafik nicht angezeigt wird" width="100" height="150"></center> |
|
Audio abspielen |
<audio id="audio_with_controls" controls><source src="https://musikdatei.mp3" type="audio/mp3" /></audio></center> |
|
Taste einblenden |
<button onclick="window.location.href = „https://webadresse.de“;">Hier klicken</button> |
|
Text neben Grafik |
<div style="width: 420px; padding: 10px; border: 1px solid #27408B;"> <img src="https://banner.png" width="234" height="60" border="0" alt="Banner"> |
Eine detaillierte Erklärung der HTML-Befehle und weitere Beispiele kann über den Link aufgerufen werden. Dabei ist zu beachten, dass nicht alle Funktionen innerhalb der Chatbot-Abläufe möglich sind. Hier gilt es kreativ auszuprobieren.
Hier steht ein Leerformular zur Planung der Eingabewerte für einen Chatbot zum Download zur Verfügung. (Hinweis : Das Dokument kann unter Umständen nicht alle Befehle haben, da diese Webseite kontinuierlich ergänzt wird.)
Chatbot-Leerformular_230118.pdf
Dein Feedback ist uns wichtig
Wie findest Du diesem Blogartikel ? Hinterlasse uns einen Kommentar !
Kostenloser Report + Videolektion
FOLGE MIR AUF:
