HOME | ABOUT ME | LINK1 | LINK2 | LINK3 | TUTORIALS

HTML ist nicht eine Programmiersprache, es gibt keine "hello world" Applikation.
HTML (HyperTextMarkupLanguage) ist Code, den die Browsern verstehen - "word" für Browser.

  1. Im Ordner "Sites": Ordner "firstProgrammes" anlegen - falls noch nicht getan
  2. In firstProgrammes, lege eine Datei salemHTML.html an und speichere sie.
    Schreibe folgenden Code in die Datei (oder von hier direkt herunterladen/kopieren):
    3. <html>

<head>
</head>

<body>

<div>Dieser Text befindet sich in einem "Div-Tag", in einem der einfachst möglichen  
     HTML Dokumente. Jedes Tag braucht ein Schluss-Tag (Tag wiederholen und  
     einen Schrägstrich einfügen). Es sind keine Styles definiert für dieses Tag.
</div>

<div id='myFirstDiv'>Dieser Text befindet sich in einem anderen "Div-Tag", das ein  
     Attribut "id" hat. Dies ist z.B. nützlich, wenn man von einer Style- oder  
     Javascript-Datei zu diesem Tag eine Beziehung herstellen will.
</div>

<a href='salemCSS.html'>Dies ist ein Link, wenn Du ihn klickst, kommst Du zur  
     CSS Version dieser Datei (allerdings erst nachdem Du sie kreiert hast).  
     "href" ist ein Attribut des Link-Tags - die "Adresse" wohin dieser Link führt.
</a>

<p>Dieser Text sitzt in einem Paragraphen-Tag.  
   Als nächstes folgt ein Img-Tag, es hat ein Attribut "src", das dem Webbrowser  
   sagt, wo er das Bild finden kann. Das Img-Tag hat keinen Inhalt und braucht  
   deshalb kein separates Schlusstag, sondern kann geschlossen werden mit einem  
   Leerschlag und einem Schrägstrich direkt vor dem Schlusszeichen.
</p>

<img src='http://www.salem-inc.ch/images/salem.jpg' />

</body>
</html>
  3. speichern
  4. in safari Datei/öffnen und die salemHTML.html Datei öffnen (sie sollte im firstProgrammes Ordner sein)
  5. Vergleiche die salemHTML.html Textdatei sorgältig mit dem Resultat in safari und versuche zu verstehen, was genau abläuft, dann nimm die CSS Version in Angriff.

zurück