Grundgerüst einer HTML-Datei

<html>
   <head>
      <title>Hier kommt der Titel der Seite hin</title>
   </head>
   <body>
   Hier steht der Text der Webseite
   </body>
</html>

Aufbau von HTML Befehlen

<element attribut=“inhalt“>inhalt<element>

Body Definitionen

<body bgcolor=“#hexadezimalcode“>….</body> - Hintergrundfarbe
<body text=“#hexadezimalcode“>….</body> - Textfarbe
<body link=“#hexadezimalcode“>….</body> - Farbe der Links
<body vlink=“#hexadezimalcode“>….</body> - Farbe der besuchten Links
<body background=”Grafikdatei”>….</body> - Hintergrundbild

Farben

#RRGGBB
00< RR/GG/BB < FF
Alternative Angabe: white, blue, green

Überschriften

<h1>Überschrift</h1>

<h2>Überschrift</h2>

<h3>Überschrift</h3>

<h4>Überschrift</h4>

<h5>Überschrift</h5>
<h6>Überschrift</h6>

Absätze

<p align=“lefter|center|right“>beliebiger Text</p>

Zeilenwechsel

<br /> - Zeilenumbruch
<nobr> .... </nobr> - Zeilenumbruch verhindern

Listen

Ungeordnete Liste
<ul>
  <li>Punkt 1</li>
  <li>Punkt 2</li>
</ul>
  • Punkt 1
  • Punkt 2
Verschachtelte Liste
<ul>
  <li>Punkt 1</li>
  <li>Punkt 2</li>
  <ul>
    <li>Punkt 2.1</li>
    <li>Punkt 2.2</li>
  </ul>
</ul>
  • Punkt 1
  • Punkt 2
    • Punkt 2.1
    • Punkt 2.2
Listenformatierung
<ul>
<li type="circle">circle</li>
<li type="disc">disc</li>
<li type="square">square</li>
</ul>
  • circle
  • disc
  • square
Nummerierte Listen
<ol>
<li>Aachen</li>
<li>Bonn</li>
</ol>

 
<ol type=“A“>…</ol>
<ol type=“a“>…</ol>
<ol type=“I“>…</ol>
<ol type=“i“>…</ol>
<ol start=”n”>...</ol>
  1. Aachen
  2. Bonn

Vorformatierter Text

<pre>
Es können so viele    Leerzeichen     eingefügt werden, wie man    will!
</pre>

Blockelement

<div>...</div>

Horizontale Linien

<hr />