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:


<span id="ankXXX" class="sprung"></span> <br>
<h4>XXX</h4>

Das ist ein h5-Text

Der folgende Trennstrich ist mit <h6><h6>erstellt, ohne Text dazwischen

Dies und das

Farben auf w3schools.com

Farbig machen geht so: <font color=DarkOrange>...</font>

Links...

Das ist ein link: Visit W3Schools

Der 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 ~~geht~~ geht mit <del>
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>

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

Dies ist mit <div align='right'> ausgerichtet.

Soeben kam die Klasse clearfix


 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

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.

Rubrik -1.3-

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
gggText text text bla bla bla

Rubrik -1.4-

Sppieltermine

Tag Datum Zeit			Halle	Nr.	Heimmannschaft	Gastmannschaft
Sa.	05.09.2020	16:00 v	2018		SSG Wuppertal/HSV Wuppertal II	Cronenberger TG	2:28
So.	13.09.2020	10:00	2016	12	Cronenberger TG	Vohwinkeler STV	27:9
So.	27.09.2020	16:00	2022	23	Cronenberger TG	Mettmann-Sport	24:10
Sa.	03.10.2020	14:30 h	2041	28	Niederbergischer HC	Cronenberger TG	15:35
Termin offen			2022	31	Cronenberger TG	LTV Wuppertal
Termin offen			2061	38	HSG Velbert/Heiligenhaus	Cronenberger TG
Termin offen			2016	45	Cronenberger TG	ASV Wuppertal (a.K.)
Termin offen			2072	52	TB Wülfrath	Cronenberger TG
Termin offen			2016	59	Cronenberger TG	SSG Wuppertal/HSV Wuppertal
Termin offen			2023	17	MTV 61 Elberfeld (a.K.)	Cronenberger TG
Termin offen			2012	66	spielfrei	Cronenberger TG
Termin offen			2016	72	Cronenberger TG	SSG Wuppertal/HSV Wuppertal II
Termin offen			2011	78	Vohwinkeler STV	Cronenberger TG
Termin offen			2016	83	Cronenberger TG	MTV 61 Elberfeld (a.K.)
Termin offen			2081	89	Mettmann-Sport	Cronenberger TG
Termin offen			2016	94	Cronenberger TG	Niederbergischer HC
Termin offen			2015	97	LTV Wuppertal	Cronenberger TG
Termin offen			2016	104	Cronenberger TG	HSG Velbert/Heiligenhaus
Termin offen			2012	111	ASV Wuppertal (a.K.)	Cronenberger TG
Termin offen			2016	118	Cronenberger TG	TB Wülfrath
Termin offen			2023	125	SSG Wuppertal/HSV Wuppertal	Cronenberger TG
Termin offen			2022		Cronenberger TG	spielfrei

Autor testet