Java Skript
<script language="Javascript">
<!--
/*
Select All script- By Website Abstraction(http://www.wsabstract.com)
Over 400+ free JavaScripts here!
*/
function selectAll(theField) {
var tempval=eval("document."+theField)
tempval.focus()
tempval.select()
}
//-->
</script>
Body Bereich
<form name="test">
<textarea name="select1" rows="10" cols="50">
Text Text text
<br>
<a
href="javascript:selectAll('test.select1')">Markieren</a><br></form>
<form action="input_button.htm">
<p>
<textarea cols="40" rows="1" name="textfeld">Hier kann ein Text rein</textarea> <br>
<input type="button" name="Text 1" value="Thema1"
onclick="this.form.textfeld.value='Thema nummer eins '">
<input type="button" name="Text 2" value="Thema2"
onclick="this.form.textfeld.value='Thema nummer zwei'">
<input type="button" name="Text 3" value="Thema3"
onclick="this.form.textfeld.value='Thema nummer drei '">
<input type="button" name="Text 4" value="Thema4"
onclick="this.form.textfeld.value='Thema nummer vier '">
</p>
</form>
HTML Bereich
<p> <a class="infobox" href="#INFO">Infobox<span> <b>Infobox:</b><br />
Hier kommt das Text was in den Info box zu sehen ist
. </span></a> </p>
tex text text tex text text tex text text tex text text tex text text tex text text tex text text tex text text tex text text tex text text tex text text tex text text tex.
eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipisici elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipisici elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipisici elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
HTML Teil
<p>tex text text tex text text tex text text tex text text tex text .</p>
<a href="javascript: none" class="hidder"><u><b>Weiter lesen</b></u></a>
Das <p> steht für das englische
„paragraph“ = Absatz
Ein Absatz hält einen Abstand zum nachfolgenden Element.
Man kann auch den Absatz auf unterschiedliche weise gestalten und
formatieren.
Hier ein paar Beispiele
Textabsatz
mit Rahmendicke 12px und Typ outset <p style="border-width:12px;
border-color:#9999FF; border-style:outset; padding:5px;">
</p>
outset
Textabsatz mit Rahmendicke 12px und Typ outset.
In Praxis sieht das so aus das man
einen gewünschte Code erstellt, und
Dazwischen einen Text einfügt ..
hier ein B..
und so sieht das dann aus
Hier kommt das gewünschte Inhlat
Die Gestaltung Möglichkeiten sind sehr viele .
Voraussetzung dafür ist : ein wenig CSS Kenntnisse sind .
Hier drei Beispiele
Hier ist ein P Absatz mir breite vom 30%
Hier Ist ein Absatz mit rammen dicke 5px , rammen Typ Solid breite 50% , innnen Abstand 3% , einen farbigen Hintergrund ,Schrift Farbe ist auch bestimmt so wie Schrift größe
Noch das Gleiche ,nur mit eine Grafik in den Hintergrund
Hier Kommt das Inhalt
Ich habe ein einfaches Rezept um fit zu bleiben - Ich laufe jeden Tag Amok. Hildegard Knef
Wünsche allem viel spaß beim üben lernen und gestallten .Einfach immer schön am Ball bleiben :-)
Lorem ipsum dolor sit amet, consectetur adipisici elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisici elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Listen-Typen
Listen-Typen
Aufzählungsliste <ul> mit Darstellungstyp disc
Inhalt
Inhalt
Inhalt
Code
Aufzählungsliste <ul> mit Darstellungstyp circle
Inhalt
Inhalt
Inhalt
Code
Aufzählungsliste <ul> mit Darstellungstyp square
Inhalt
Inhalt
Inhalt
Code
Aufzählungsliste <ul> mit Darstellungstyp none
Inhalt
Inhalt
Inhalt
Code
Nummerierte Liste <ol> mit Darstellungstyp decimal
Inhalt
Inhalt
Inhalt
Inhalt
Inhalt
Inhalt
Inhalt
Inhalt
Inhalt
Inhalt
Code
Nummerierte Liste mit Startwert 10
Inhalt
Inhalt
Inhalt
Inhalt
Inhalt
Code
Nummerierte Liste <ol> mit Darstellungstyp lower-roman
Inhalt
Inhalt
Inhalt
Inhalt
Inhalt
Inhalt
Inhalt
Inhalt
Inhalt
Inhalt
Code
Nummerierte Liste <ol> mit Darstellungstyp upper-roman
Inhalt
Inhalt
Inhalt
Inhalt
Inhalt
Inhalt
Inhalt
Inhalt
Inhalt
Code
Nummerierte Liste <ol> mit Darstellungstyp lower-alpha
Inhalt
Inhalt
Inhalt
Inhalt
Inhalt
Inhalt
Inhalt
Code
Nummerierte Liste <ol> mit Darstellungstyp upper-alpha
Inhalt
Inhalt
Inhalt
Inhalt
Inhalt
Inhalt
Inhalt
Inhalt
Code
Nummerierte Liste <ol> mit Darstellungstyp lower-greek
Inhalt
Inhalt
Inhalt
Inhalt
Inhalt
Inhalt
Inhalt
Inhalt
Code
Nummerierte Liste <ol> mit Darstellungstyp hebrew
Inhalt
Inhalt
Inhalt
Inhalt
Inhalt
Inhalt
Inhalt
Inhalt
Code
Nummerierte Liste <ol> mit Darstellungstyp decimal-leading-zero
Inhalt
Inhalt
Inhalt
Inhalt
Inhalt
Inhalt
Inhalt
Inhalt
Inhalt
Inhalt
Code
Nummerierte Liste <ol> mit Darstellungstyp cjk-ideographic
Inhalt
Inhalt
Inhalt
Inhalt
Inhalt
Inhalt
Inhalt
Inhalt
Code
Nummerierte Liste <ol> mit Darstellungstyp hiragana
Inhalt
Inhalt
Inhalt
Inhalt
Inhalt
Inhalt
Inhalt
Inhalt
Inhalt
Code
Nummerierte Liste <ol> mit Darstellungstyp katakana
Inhalt
Inhalt
Inhalt
Inhalt
Inhalt
Inhalt
Inhalt
Code
Nummerierte Liste <ol> mit Darstellungstyp hiragana-iroha
Inhalt
Inhalt
Inhalt
Inhalt
Inhalt
Inhalt
Inhalt
Code
Nummerierte Liste <ol> mit Darstellungstyp katakana-iroha
Lorem ipsum dolor sit amet, consectetur adipisici elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
2.
Lorem ipsum dolor sit amet, consectetur adipisici elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.