################################################################################
# $Id: Formatierung mit HTML und CSS in Netkey 3.0
#
#
# [ Beste Lesbarkeit: Schriftart Courier mit 10 pt. einstellen! ]
#
#
# v 7.0 2007-08-02 18:23:23 Hagen Rwer Exp $
# COPYRIGHT NOTICE
# Copyright 1999 - 2007 Hagen Rwer    All Rights Reserved.
#    E-Mail: netkey@hagen-roewer.de
#    URL   : <http://hagen-roewer.de/netkey/skripte/html-css/html-css-nk3.zip>
#
#
# Diese bersicht darf von Ihnen gelesen und fr den persnlichen Gebrauch
# gedruckt werden, solange dieser Copyright-Verweis und
# die restlichen Kommentare erhalten bleiben.
#
#
# Um diese bersicht ber das Internet oder irgendein anderes Medium
# weiterzuverbreiten, beachten Sie bitte die unten angegebene Lizenzbedingungen. # In jeden Fall mssen der Copyright-Verweis und die Lizenzbedingungen
# erhalten bleiben.
#
################################################################################
# Last Modified on:       $Date: 2007-08-02 $
# By:                     $Author: Hagen Rwer $
# Version:                $Revision: 7.0 $
################################################################################



FORMATIERUNG MIT HTML UND CSS IN NETKEY 3.0
============================================

Kurzanleitung:
Bitte das jeweilige Codebeispiel mit "Kopieren" [STRG + C] dann in NetKey in die
jeweilige Textbox "einfgen" [STRG + V]. Den jeweilige Mustertext nach eigenen
Gusto entsprechend verndern.


MUSTERTEXT FETT
===============
Anmerkung:
Das <b>-Tag ist nur ein Deko-Element, whrend <strong> die inhaltliche Relevanz
deutlich macht, auch fr Suchmaschinen wie Google  .

Code-Beispiel:
<b>Mustertext fett</b>

Besser:
<strong> Mustertext fett</strong>


BERSCHRIFT 1. ORDNUNG
======================
Anmerkung:
In NetKey 3.0 bitte diese Tags in die Textboxen einsetzen, wenn nicht die
berschriftenzeilen genutzt werden sollen!

Code-Beispiel:
<h1>berschrift 1. Ordnung</h1>


BERSCHRIFT 2. ORDNUNG
======================

Code-Beispiel:
<h2>berschrift 2. Ordnung</h2>

BERSCHRIFT 2. ORDNUNG
======================
Code-Beispiel:
<h3>berschrift 3. Ordnung</h3>


TEXTABSTZE
===========
Code-Beispiel:
<p>Hier ist ein Absatz zu Ende.</p><p>Hier beginnt ein neuer Absatz.</p>


RECHTS AUSGERICHTETER, NEUER ABSATZ
===================================
Code-Beispiel:
<p align style="text-align: right;">Rechts ausgerichteter, neuer Absatz</p>


Zentriert ausgerichteter, neuer Absatz
======================================
Code-Beispiel:
<p align style="text-align: center;">Zentriert ausgerichteter, neuer Absatz</p>


ZEILENUMBRUCH
=============
Code-Beispiel:
Hier ist die erste Zeile,<br />nach Zeilenumbruch gehts weiter.


Liste mit ausgefllten Kreis als Listenzeichen
==============================================
Anmerkung: Bitte darauf achten, dass der Code ohne Leerzeichen oder Zeilenumbruch hintereinander weggeschrieben wird. Sonst gibt es in NetKey 3.0 wieder zustzliche unntige Zeilenumbrche.

Code-Beispiel:
<ul style="list-style-type: disc;"><li>Bndnis fr Arbeit</li><li>Rentenreform</li><li>Zukunftsdebatte der IG Metall</li></ul>


Liste mit Quadrat als Listenzeichen
===================================
Anmerkung: Bitte darauf achten, dass der Code ohne Leerzeichen oder Zeilenumbruch hintereinander weggeschrieben wird. Sonst gibt es in NetKey 3.0 wieder zustzliche unntige Zeilenumbrche.

Code-Beispiel:
<ul style="list-style-type: square;"><li>Bndnis fr Arbeit</li><li>Rentenreform</li><li>Zukunftsdebatte der IG Metall</li></ul>


Nummerierte Liste
=================
Anmerkung: Bitte darauf achten, dass der Code ohne Leerzeichen oder Zeilenumbruch hintereinander weggeschrieben wird. Sonst gibt es in NetKey 3.0 wieder zustzliche unntige Zeilenumbrche.

Code-Beispiel:
<ol><li>Bndnis fr Arbeit </li><li>Rentenreform</li><li>Zukunftsdebatte der IG Metall </li></ol>


Weie Links in der linken blauen Navigationsleiste
==================================================

Code-Beispiel:
<a style="color: white;" href="Linkpfad zur Seite">Termine</a><a style="color: white;" href="Linkpfad zur Seite">Nachrichten</a><a style="color: white;" href="Linkpfad zur Seite">Wir ber uns</a>


Bild direkt per HTML einbauen
=============================
Anmerkung: URL/Bildpfad ist die Adresse unter der das Bild zu finden ist.
"alt" steht fr alternative text, und wird angezeigt, wenn im Browser die Bilder
abgeschaltet werden. Wenn keine Bidbeschreibung angezeigt wird, dann wei der
Nutzer nicht, dass es dort eine Bildinformation gibt. Dem Sehbehinderten und
Blinden wird diese Information direkt ber den Browserscreenreader vorgelesen.
Bildbeschreibungen machen keinen Sinn bei grafischen Dekoelementen. Dann wird
"alt" so gesetzt: alt=""

Code-Beispiel:
<img src="URL/Bildpfad" alt="Bildbeschreibung" />


Link direkt per HTML einbauen
=============================

<a href="URL/Bildpfad zur Datei oder Webseite">der Linktext</a>


Link direkt auf eine Grafik per HTML einbauen
=============================================

<a href="URL/Bildpfad zur Datei oder Webseite"> <img src="URL/Bildpfad" alt="Bildbeschreibung" /></a>


HTML-Elemente ohne End-Tag
==========================
Anmerkung: Elemente ohne abschlieendes Tag integrieren nach einem Leerzeichen das "/" vor der schlieenden Klammer

Code-Beispiele:
Linie: <hr />
Zeilenumbruch: <br />
Bildreferenz: <img src="URL/Bildpfad" alt="Bildbeschreibung" />


################################################################################
#
#   Lizenzbedingungen
#   (c) Hagen Rwer, 1999 - 2007
#
################################################################################
# $Id: Formatierung mit HTML und CSS in Netkey 3.0
#
# v 7.0 2007-08-02 18:23:23 Hagen Rwer Exp $
# COPYRIGHT NOTICE
# Copyright 1999 - 2007 Hagen Rwer    All Rights Reserved.
#    E-Mail: netkey@hagen-roewer.de
#    URL   : <http://hagen-roewer.de/netkey/skripte/html-css/html-css-nk3.zip>
#
################################################################################
#
#  Lizenz nach den Creative Commons
#  Namensnennung-NichtKommerziell-KeineBearbeitung 2.0 Deutschland
#  s.a. <http://creativecommons.org/licenses/by-nc-nd/2.0/de/>
#
#  Sie drfen: das Werk vervielfltigen, verbreiten und ffentlich zugnglich
#  machen zu den folgenden Bedingungen:
#
# NAMENSNENNUNG:
# Das Werk muss zusammen mit dem Autor und dem Fundort genannt werden
# Fundort:<http://hagen-roewer.de/netkey/skripte/html-css/html-css.zip>. 
#
# KEINE KOMMERZIELLE NUTZUNG:
# Dieses Werk darf nicht fr kommerzielle Zwecke verwendet werden.
#
# KEINE BEARBEITUNG:
# Dieses Werk darf nicht bearbeitet oder in anderer Weise verndert werden. 
#
# Im Falle einer Verbreitung mssen Sie anderen die Lizenzbedingungen, unter
# welche dieses Werk fllt, mitteilen. Am einfachsten ist es, einen Link auf die
# folgende Seite 
# <http://creativecommons.org/licenses/by-nc-nd/2.0/de/einzubinden>.
# Jede der vorgenannten Bedingungen kann aufgehoben werden, sofern Sie die
# Einwilligung des Rechteinhabers dazu erhalten.
# Diese Lizenz lsst die Urheberpersnlichkeitsrechte unberhrt.
#
# Die gesetzlichen Schranken des Urheberrechts bleiben hiervon unberhrt.
# Die Commons Deed ist eine Zusammenfassung des Lizenzvertrags unter 
# <http://creativecommons.org/licenses/by-nc-nd/2.0/de/legalcode> in
# allgemeinverstndlicher Sprache.
#
################################################################################
