Sonntag, 16. Oktober 2011
HTML Basics

HTML  ist die Kurzschreibweise für Hypertext Markup Language.

Markup Language, da HTML folgende Eigenschaften aufweist:
Textpassagen werden durch spezielle Zeichenfolgen (HTML-Elemente, "Tags) ausgezeichnet,
es gibt eine logische Strukturierung und
eine Beschreibung der Darstellung

HTML "Tags"
werden durch <> ausgezeichnet und sind meist zweigeteilt (XHTML erlaubt keine Standalone-Tags). Der ausleitende Tag wird durch einen Slash gekennzeichnet -> <h1>Eine Überschrift</h1>
weiters sind sie "case-insensitive" -> <h1> = <H1>
und können auch verschachtelt werden -> <h1><em>Eine "emphasized" Überschrift</em></h1>

Einleitende Tags oder Standalone-Tags können durch Attribute ergänzt werden.
<h1 align="center">Eine zentrierte Überschrift</h1>

HTML Entities
HTML Meta Zeichen müssen speziell codiert werden. zB:
<   >  &lt;     &gt;
&        &amp;

Aufgrund international verschiedener Zeichensätze müssen auch Umlaute und "ß" ersetzt werden.
ä -> &auml;     Ä -> &Auml;
ö -> &ouml;     Ö -> &Ouml;
ü -> &uuml;     Ü -> &Uuml;
ß -> &szlig;

Wichtige Tags
Überschriften   <h1></h1> bis <h6></h6>
Absätze           <p></p>
Zeilenumbruch <br />
Links               <a href="Verweisziel">Verweistext</a>
Bilder              <img src="Grafik-URL" alt="Alterativtext">
Tabellen          <table>                 // Tabelle
                           <tr>                 // Zeile einer Tabelle
                              <th></th>    // Tabellenheader
                           </tr>               // Ende einer Zeile
                           <tr>
                              <td></td>    // Tabelleninhalt
                           </tr>
                      </table>
Listen             <ol>                // geordnete Liste
                        <li></li>       // Listenitem
                     </ol>
                     <ul>                // ungeordnete Liste
                        <li></li>       // Listenitem
                     </ul> 

... comment