HTML: Unterschied zwischen den Versionen

Aus Mediawiki Ferdinand Gruber
Zur Navigation springen Zur Suche springen
Zeile 26: Zeile 26:
 
  <link rel="stylesheet" type="text/css" href="extension/fontawesome/css/all.css"> </link>
 
  <link rel="stylesheet" type="text/css" href="extension/fontawesome/css/all.css"> </link>
 
Nun kann man ein Symbol in HTML einfügen
 
Nun kann man ein Symbol in HTML einfügen
  <i class="far fa-save fa-2x">
+
  <nowiki><i class="far fa-save fa-2x"></nowiki>
 
<tt>far</tt> bedeutet, dass das Icon aus der Gruppe <tt>regular</tt> ist. <tt>fa-2x</tt> gibt die Größe an.
 
<tt>far</tt> bedeutet, dass das Icon aus der Gruppe <tt>regular</tt> ist. <tt>fa-2x</tt> gibt die Größe an.

Version vom 15. September 2024, 21:32 Uhr

Checkbox

Wenn das HTML-Attribut value nicht vorhanden ist, dann wird per POST der Defaultwert "on" gesendet.

HTML

<input type="checkbox" name="bezahlt">

PHP

Nach dem Senden des Formulars hat $_POST["bezahlt"] den Wert "on", wenn die Checkbox angeklickt wurde.

Sonderzeichen

HTML Entities oder UNICODE

Sonderzeichen können zum Teil als HTML Entity eingegeben werden oder als UNICODE.

Pfeil nach rechts als HTML entity
→
Häkchen als UNICODE
✓

Siehe https://www.vioma.de/de/wiki/tools/html-sonderzeichen

Font Awesome

Auf folgender Seite ist eine Einführung in Font Awesome. Außerdem eine Liste der verfügbaren Symbole.

https://www.w3schools.com/icons/fontawesome5_intro.asp

Ich habe Font Awesome Version 5 heruntergeladen von https://fontawesome.com/v5/download und in folgendem Verzeichnis entpackt

/srv/www/extension/fontawesome

und mit folgendem Code im HEAD der Website eingebunden.

<link rel="stylesheet" type="text/css" href="extension/fontawesome/css/all.css"> </link>

Nun kann man ein Symbol in HTML einfügen

<i class="far fa-save fa-2x">

far bedeutet, dass das Icon aus der Gruppe regular ist. fa-2x gibt die Größe an.