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>