====== HTML ======
Hypertext Markup Language (HTML) ist eine Auszeichnungssprache zur Strukturierung elektronischer Dokumente. HTML-Dokumente werden von Webbrowsern dargestellt und bilden die Grundlage für Webseiten. HTML ist zusammen mit [[css|CSS]] und [[javascript|JavaScript]] eine der Kernsprachen des World Wide Webs (WWW).
* [[https://google.github.io/styleguide/htmlcssguide.html|Google HTML/CSS Style Guide]]
====== Informationen ======
* **[[https://wiki.selfhtml.org/wiki/Schnell-Index/HTML]]**
* [[http://wiki.selfhtml.org/wiki/HTML]]
* [[http://wiki.selfhtml.org/wiki/HTML/Formulare]]
* **[[https://www.html-seminar.de/einsteiger.htm]]**
* [[https://www.html-seminar.de/tabellenzellen-verbinden.htm]]
* **[[https://www.w3schools.com/html/]]**
* [[https://www.w3schools.com/tags/]]
====== HTML 5 Template ======
Hello World!
Dieses Template berücksichtig keine IE eigenarten, da dieser Browser nicht mehr supported wird!
====== Das wichtigste zum HTML-Dokument ======
**[[https://wiki.selfhtml.org/wiki/HTML/Tutorials/Neu_und_obsolet_in_HTML5|Neu und obsolet in HTML5]]**
FIXME veraltet, muss aktualisiert werden
Ein einfaches HTML-Dokument kann wie folgt aussehen:
Diese Text wird in Courier mit allen normalen Zeilenumbrüchen
und allen Leerzeichen angezeigt.
Diese Zeile ist FETT gedruckt.
${QUERY_STRING}
"
fi
#------------------------------------------------------------------------------#
else
### wenn Daten per POST gekommen sind, dann werden hier die POST-Daten angezeigt
echo "
${POSTDATEN}
"
fi
#==============================================================================#
### Fuss / ENDE
echo "
"
#==============================================================================#
Diese Text wird in Courier mit allen normalen Zeilenumbrüchen
und allen Leerzeichen angezeigt.
Diese Zeile ist FETT gedruckt.
POST-VARIABLE=Wert02
GET-VARIABLE=Wert01
Frau Lehrerin
| links | mitte | rechts |
|---|---|---|
| links-oben | zentriert-oben | rechts-oben |
| links-mitte | zentriert-mitte | rechts-mitte |
| links-unten | zentriert-unten | rechts-unten |
Hello World!
Hello World!
* siehe auch:
* [[https://wiki.selfhtml.org/wiki/Navigation/Dropdown-Men%C3%BC|]]
* [[https://www.edv-lehrgang.de/auswahlmenue-dropdownliste-in-html/|Auswahlmenü (Dropdown-Liste) in HTML-Formularen]]
====== GET- und POST-Test in einer Tabelle ======
#!/usr/bin/env bash
#==============================================================================#
# Hiermit kann man Datenübertraun per GET und per POST testen.
#==============================================================================#
#------------------------------------------------------------------------------#
# in FreeBSD:
# chown www:www cgi-bin/test.cgi ; chmod 0770 cgi-bin/test.cgi
#------------------------------------------------------------------------------#
BS="$(uname -s)"
if [ "${BS}" = FreeBSD ] ; then
UMDREHEN="tail -r"
elif [ "${BS}" = Linux ] ; then
UMDREHEN="tac"
fi
### damit awk ein einheitliches Dezimalzeichen verwendet
LANG="C.UTF-8"
LC_NUMERIC="de_DE.UTF-8"
KOMMAzuPUNKT="tr -s ',' '.'"
AWK='awk'
STARTZEIT="$(date +'%FT%T')"
BASE64ZEICHEN='+/0123456789=ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz'
#==============================================================================#
POSTDATEN=$(cat | tr -d '\r')
echo "Content-Type: text/html; charset=utf-8
Test
GET- und POST-Test in einer Tabelle
HTTP_REFERER
${HTTP_REFERER}
REQUEST_URI
${REQUEST_URI}
QUERY_STRING
${QUERY_STRING}
POSTDATEN
${POSTDATEN}
"
#==============================================================================#
{{ :bilder:1_-_get-_und_post-test_in_einer_tabelle.png?399 |frisch nach dem Start oder wenn man auf die Überschrift "GET- und POST-Test in einer Tabelle" gedrückt hat}}
{{ :bilder:2_-_get-_und_post-test_in_einer_tabelle.png?768 |GET: auf den oberen Knopf gedrückt}}
{{ :bilder:3_-_get-_und_post-test_in_einer_tabelle.png?618 |POST: auf den unteren Knopf gedrückt}}
//Nur bei der Übertragungsmethode "POST" werden keine Zeichen ("''+''", "''/''", "''=''") ins HTML-Format konvertiert! Da diese Zeichen aber Teil des Base64-Zeichensatzes sind, wird deutlich, dass man per GET keinen Base64-Code übertragen kann!//
===== POST-Test mit versteckten Daten =====
//Mit dem untersten Knopf werden versteckte POST-Daten übertragen. In dem oberen Beispiel sind die POST-Daten als Knopfbeschriftung zu sehen, was bei einer größeren Datenmenge unschön ist.//
#!/usr/bin/env bash
#==============================================================================#
# Hiermit kann man Datenübertraun per POST testen.
#==============================================================================#
# +/0123456789=ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz
#------------------------------------------------------------------------------#
# chown www:www /home/http/cgi-bin/test-post.cgi ; chmod 0770 /home/http/cgi-bin/test-post.cgi
#------------------------------------------------------------------------------#
BS="$(uname -s)"
if [ "${BS}" = FreeBSD ] ; then
UMDREHEN="tail -r"
elif [ "${BS}" = Linux ] ; then
UMDREHEN="tac"
fi
### damit awk ein einheitliches Dezimalzeichen verwendet
LANG="C.UTF-8"
LC_NUMERIC="de_DE.UTF-8"
KOMMAzuPUNKT="tr -s ',' '.'"
AWK='awk'
STARTZEIT="$(date +'%FT%T')"
BASE64ZEICHEN='+/0123456789=ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz'
#==============================================================================#
POSTDATEN=$(cat | tr -d '\r')
echo "Content-Type: text/html; charset=utf-8
Test
POST-Test mit versteckten Daten
POSTDATEN (Std)
${POSTDATEN}
POSTDATEN (pre)
${POSTDATEN}
"
#==============================================================================#
{{ :bilder:1_-_post-test_mit_versteckten_daten.png?366 |Die POST-Daten sind nicht zu sehen...}}
{{ :bilder:2_-_post-test_mit_versteckten_daten.png?902 |...und doch werden hier POST-Daten übertragen, die vorher nicht sichtbar waren.}}
{{ :bilder:3_-_post-test_mit_versteckten_daten.png?863 |Wenn es mehrere Input-Hidden-Sektionen gibt, dann werden die Schlüssel-Wert-Paare von allen übertragen.}}
==== Hinweise zu POST ====