Mein (Autor) Merkzettel.... (H1-Zeile)
Auf dieser Seite wird gemerkt wie man die einzelnen Seiten dieser Web-Anwendung erstellt.- Nur mit den dunkelblauen buttons im sideleft-menu wird eine neue php-Seite aufgerufen.
- Die hellblauen buttons dagegen sind Sprungmarken/Anker auf der php-Seite und verlinken eine bestimmte Stelle in der dazughörigen php-Seite.
- Sprungmarken werden im Text mit dem Überschriften-tag 'h4' gekennzeichnet und erhalten automatisch ein icon vorneweg und einen bläulichen Hintergrund.
- Die orange markierten Passagen können copy-paste mässig verwendet werden. :-)
Überschriften
Das ist ein h2-Text
Das ist ein h3-Text
Mit <h4>...</h4> wird eine verankerte Sub-Rubrik erstellt. Bsp:<!-- ----------------------------------------------------------------Verankerte Sub-Rubrik start -->
<span id="ankXXX" class="sprung"></span> <br>
<h4>XXX</h4>
<!-- ----------------------------------------------------------------Verankerte Sub-Rubrik end -->
Das ist ein h5-Text
Der folgende Trennstrich ist mit <h6><h6>erstellt, ohne Text dazwischenDies und das
Farben auf w3schools.com
Farbig machen geht so: <font color=DarkOrange>...</font>
Links...
Das ist ein link: Visit W3SchoolsDer link wurde so erstellt:
<a href='https://www.w3schools.com' title='tip-text' target='_blank'>Visit...</a>
Bilder
Bilder werden so eingefügt:
in php :
<?php $sPath="./content/Chap_H/"; ?>
<?php $sPic_Handballer="pics/Handballer_640.jpg"; ?>
<?php echo "<img class='imgL' src='".$sPath.$pic_Handballer."' alt=' ' width='10%'> "; ?>
<?php echo "<div class='clearfix'></div><br> "; ?>
in html :
<img class='imgL' src='./content/Chap_H/Handballer_640.jpg' alt=' '>
<div class='clearfix'></div><br>
Besondere Tags
Dies ist mit <div align='center'> ausgerichtet.
Farblich markieren mit <mark>
Durchstreichen
Dies ist mit 'var' eingefasst
Dies ist mit 'code' eingefasst Dies ist mit 'em' eingefasst
Dies ist mit 'samp' eingefasst
Dies ist mit 'kbd' eingefasst
Dies ist mit 'sub' eingefasst Dies ist mit 'sup' eingefasst
mit <u> kann man unterstreichen
mit <b> kann man fett machen
mit <i> kann man kursiv machen
Quellcode, Bsp für Darstellung
Quellcode-Beispiele sollten so eingefasst werden:
<code>
<pre>
Quellcode...
</pre>
</code>
Tabs und Zeilenumbrüche werden so nämlich berücksichtigt.
Mit <pre> kann man vorformatierten Text
verwenden, also enter und spaces werden beibehalten.
Dieser blaue Text ist mit: <code> ... </code> eingefasst.
Dieser Satz ist mit <pre class='center'> ... </pre> eingefasst. mit Leerzeile dazwischen und noch eine Leerzeile
Dieser Block ist mit <div align="center"> ...</div> eingefasst.
bla bla blub
bli bla blub
Farbiges geht mit <font color=DarkOrange>... </font>
bla bla blub
bli bla blub
Farbiges geht mit <font color=DarkOrange>... </font>
Boxen
Diese Box wurde mit <div class='box_success'> ... </div> erstellt.
Diese Box wurde mit <div class='box_warning'> ... </div> erstellt.
Die folgende VBA-Box wird mit dieser Funktion erstellt: <?php fktMakeCodeBox(" Quellcode... ", $sWidth_ofBox, $sMarginLeft_ofBox);
Die Funktion erstellt dann automatisch folgendes:
<div class='box_code'><div class='box_code1stRow'>VBA</div>
Quellcode...
</div>
VBA
ich teste
ich teste
ich teste :-)
Diese Box wurde mit <div class='box_fail'> ... </div> erstellt.
Dies wurde mit <div align='center'> ausgerichtet.
Zentrierter Text-Zentrierter Text
Zentrierter Text-Zentrierter Text
Dies ist mit <div align='right'> ausgerichtet.
Dieser Text (ohne Box) ist mit: <code> eingefasst.
ghesrth erhze hz srtg erghertg text77, aefwg saetg wstr ghesrth erhze hz srtg erghertg erghertgerghertg klasse
text 65, aefwg saetg wstr ghesrth erhze hz srtg erghertg text77, aefwg saetg wstr ghesrth hz srtg erghertg
text77, aefwg saetg wstr ghesrth erhze hz srtg erghertg text77, aefwg saetg ghesrth erhze hz srtg erghertg
text355, aefwg saetg wstr ghesrth erhze hz srtg erghertg
Quellcode-Beispiele sollten so eingefasst werden:
<code>
<pre>
Quellcode...
</pre>
</code>
Tabs und Zeilenumbrüche werden so nämlich berücksichtigt.
Rubrik -1.2-
Der Text in dieser Box ist mit: <div class='box_code'> eingefasst.
bla bla ghesrth erhze hz srtg erghertg text77, aefwg saetg wstr ghesrth erhze hz srtg erghertg erghertgerghertg klasse text 65, aefwg saetg wstr ghesrth erhze hz srtg erghertg text77, aefwg saetg wstr ghesrth hz srtg erghertg text77, aefwg saetg wstr ghesrth erhze hz srtg erghertg text77, aefwg saetg ghesrth erhze hz srtg erghertg text355, aefwg saetg wstr ghesrth erhze hz srtg erghertg
bla bla ghesrth erhze hz srtg erghertg text77, aefwg saetg wstr ghesrth erhze hz srtg erghertg erghertgerghertg klasse text 65, aefwg saetg wstr ghesrth erhze hz srtg erghertg text77, aefwg saetg wstr ghesrth hz srtg erghertg text77, aefwg saetg wstr ghesrth erhze hz srtg erghertg text77, aefwg saetg ghesrth erhze hz srtg erghertg text355, aefwg saetg wstr ghesrth erhze hz srtg erghertg
Dies ist ein pre-text ajsgö aöeor gaoeui rgtöoaie rgöoaie \br| rt stdh gsaeth sareth sar thasthw46 e5uj eut6 jkuyk gaoeui rgtöoaie rgöoaie rt stdh gsaeth sareth sar thasthw46 e5uj eut6 jkuyk ase gseötio gjsetuio siteoö isötri ghioo
Dies ist ein Bsp-Text mit class=box_success.
Dies ist ein Bsp-Text mit class=box_success.
Dies ist ein Bsp-Text mit class=box_success.
Dies ist ein Bsp-Text mit class=box_success.
Dies ist ein Bsp-Text mit class=box_success.
Dies ist ein Bsp-Text mit class=box_success.
Dies ist ein Bsp-Text mit class=box_success.
Text text text bla bla bla
Text text text bla bla bla
Text text text bla bla bla
Text text text bla bla bla
Text text text bla bla bla
Text text text bla bla bla
Text text text bla bla bla
Text text text bla bla bla
Text text text bla bla bla
Text text text bla bla bla
Text text text bla bla bla
Text text text bla bla bla
Text text text bla bla bla
Text text text bla bla bla
Rubrik -1.3-
Text text text bla bla blaText text text bla bla bla
Text text text bla bla bla
Text text text bla bla bla
Text text text bla bla bla
Text text text bla bla bla
Text text text bla bla bla
Text text text bla bla bla
Text text text bla bla bla
Text text text bla bla bla
Text text text bla bla bla
Text text text bla bla bla
Text text text bla bla bla
Text text text bla bla bla
Text text text bla bla bla
Text text text bla bla bla
Text text text bla bla bla
Text text text bla bla bla
Text text text bla bla bla
Text text text bla bla bla
Text text text bla bla bla
Text text text bla bla bla
Text text text bla bla bla
Text text text bla bla bla
Text text text bla bla bla
Text text text bla bla bla
Text text text bla bla bla
gggText text text bla bla bla
Rubrik -1.4-
Text text text bla bla blaText text text bla bla bla
Text text text bla bla bla
Text text text bla bla bla
Text text text bla bla bla
Text text text bla bla bla
Text text text bla bla bla
Text text text bla bla bla
Text text text bla bla bla
Text text text bla bla bla
Text text text bla bla bla
Text text text bla bla bla
Text text text bla bla bla
Text text text bla bla bla
Text text text bla bla bla
Text text text bla bla bla
Text text text bla bla bla
Text text text bla bla bla
Text text text bla bla bla
Text text text bla bla bla
Text text text bla bla bla
Text text text bla bla bla
Text text text bla bla bla
Text text text bla bla bla
Text text text bla bla bla
Text text text bla bla bla
Text text text bla bla bla
Text text text bla bla bla
Text text text bla bla bla
Text text text bla bla bla
Ein link: eine pdf
