menu.php



  Angefangen am: 05.12.2017; Verfasser: Franz Horn; (Entwurf)

Hauptüberschrift

Hauptüberschrift Teil 2
Hauptüberschrift Bemerkungen

Inhaltsverzeichnis:

1. Kapitel I

Zusatzbemerkungen I.

2. Kapitel II

Zusatzbemerkungen II.

3. Kapitel III

Zusatzbemerkungen III.

4. Kapitel IV

Zusatzbemerkungen VI.

5. Kapitel V

Die Klassen der Schriftarten

6. Kapitel VI

HLML-Code für Bilder VI.
Dieser Bereich, wurde mit folgendem Code geschrieben:
  <body style="background-image:url(01_Bild.jpg); background-attachment:fixed; background-repeat: repeat; background-position:left top">
  <div style="background:#585858; width: 1280px; margin-left: -10px; margin-right: 10px"> <!-- Hintergrundfarbe aktiver Teil -->

    <div style="position: relative; margin-top:60px;"> <!-- Die folgende Linie wird hiermit unter dem Hauptmenü platziert -->
      <hr size="3px" noshade><!----------------------------1280er Linie unter Menü------------------------------------------------------------------------------------------->
    </div>

    <div style="background:#d8d8d8; width: 1260px; margin:10px; margin-top:5px"> <!-- ab hier wird alles 20 Pixel schmäler (1260px)-->
    <hr size="3px" noshade><!----------------------------------1260 Linie über einstellungs hinweise------------------------------------------------------------------------>
      Angefangen am: 05.12.2017; Verfasser: Franz Horn; (Entwurf)
    <hr size="3px" noshade> <!-----------------------------------1260 Linie unter einstellungs hinweise (Überschriften Anfang)---------------------------------------->
  Das Kapitel "Überschrift" enthält folgenden HTML-Code:
  <h1>Hauptüberschrift</h1>
  <h3>Hauptüberschrift Teil 2<div style="font-size:14pt;">Hauptüberschrift Bemerkungen>


      <div style=" width: 1200px; margin-left: 30px; margin-right: 30px; Margin-bottom:10px;">
    <h2>Inhaltsverzeichnis:</h2> ";

    <h4> 1. <a href="#01">Kapitel I. Grau</a></h4>>
    Zusatzbemerkungen I.
    <h4> 2. <a href="#02">Kapitel II. Gelb</a></h4>
    Zusatzbemerkungen II.
    <h4> 3. <a href="#03">Kapitel III. Grün</a></h4>
    Zusatzbemerkungen III.
    <h4> 4. <a href="#04">Kapitel IV. Margenta</a></h4 >
    Zusatzbemerkungen IV.
    <h4> 5. <a href="#05">Kapitel V. </a></h4 >
    Zusatzbemerkungen V.
    <h4> 6. <a href="#06">Kapitel VI.</a></h4 >
    Zusatzbemerkungen VI.
    </div>

<!--<hr size="3px" noshade><!-------------------------------------------------------------------------->
</div>


 Überschrift Kapitel I. Blau

Übersicht Kapitel I.
Text Kapitel I.







 Überschrift Kapitel II. Gelb

Übersicht Kapitel II.
Text Kapitel II
Bildunterschrift

































 Überschrift Kapitel III. Grün

Übersicht Kapitel III.
Text Kapitel III
Sondertext
Text Kapitel III

































 Überschrift Kapitel IV Margenta

Übersicht Kapitel IV.
Text Kapitel III
































 Kapitel V

Die Klassen der Schriftarten


<div class=m36cr">
Heinrich und Anna


<div class=m20jr">
Heinrich und Anna

<div class=m20cr">
Heinrich und Anna

<div class=m20lr">
Heinrich und Anna

<div class=m20rr">
Heinrich und Anna


<div class="m18js">
Heinrich und Anna

<div class="m18cb">
Heinrich und Anna

<div class="m18ls">
Heinrich und Anna

<div class="m18js">
Heinrich und Anna

<div class="m18rs">
Heinrich und Anna


<div class="m16cs">
Heinrich und Anna

<div class="m16ls">
Heinrich und Anna

<div class="m16js">
Heinrich und Anna

<div class="m16jb">
Heinrich und Anna


<div class="m15cs">
Heinrich und Anna

<div class="m15ls">
Heinrich und Anna

<div class="m15jb">
Heinrich und Anna


<div class="m15cs">
Heinrich und Anna



 Kapitel VI

HLML-Code für Bilder
Formartierter Text unter Bild "01_Wolf_880x460.jpg"


Mit dem unten stehen Code wurde das Bild eingefügt

<div style ="float:left; margin-left:10px; margin-right:0px;" >
    <img src="01_Wolf_880x460.jpg" width="880px" height="460px" border="1px" alt="" align=bottom>
    <figcaption >
    <div style ="position: relative; width:880px; text-align: center; font-size:15px;" >
        Formartierter Text unter Bild "01_Wolf_880x460.jpg"
    </div >
    </figcaption >
</div>