HTML 1 Zusammenfassung

Die Hypertext Markup Language (englisch fĂĽr Hypertext-Auszeichnungssprache), abgekĂĽrzt HTML, ist eine textbasierte Auszeichnungssprache zur Strukturierung elektronischer Dokumente wie Texte mit Hyperlinks, Bildern und anderen Inhalten. (Wiki HTML)

Woher kommt HTML?

Sir Timothy John Berners-Lee, ein britischer Physiker und Informatiker, ist der Erfinder von HTML und der BegrĂĽnder des World Wide Web. Heute steht er dem World Wide Web Consortium W3C) vor. (Wiki Tim Berners-Lee, W3C)

Wozu HTML?

Jede Seite (Website, Blog) die mit einer Software namens „Browser“ (Google Chrome, IE, Safari, FileZilla) geöffnet werden kann ist in dieser Sprache geschrieben. Einfach probieren: „Rechte Maustaste“ – „Seitenquelltext anzeigen“ (FireFox)

Darum wird HTML fĂĽr folgendes verwendet:

  • Erstellung von Websites & SEO-Optimierung
  • Erstellung der Newsletter

Was brauche ich fĂĽr die Erstellung einer Website?

  • Eine Domain/URL/URI
  • Einen Server/Speicherplatz mit Verbindung zum WWW (Webspace bei einem Internet Service Provider)

Die W3Schools

Die beste Online-Plattform, die ich kenne, zum Lernen der Sprachen im Wolrd Wide Web!

HTML Quelltext

<!DOCTYPE html> <!--Die folgende Datei ist in der Version HTML 5 geschrieben--> <html><!--Hier beginnt HTML--> <head><!--Kopf-Bereich: Was hier steht ist nicht auf der Seite zu sehen aber e.v.im Kartenreiter.--> <meta charset="UTF-8"><!--Iso-Zeichensatz--> <link rel="icon" href="favicon.jpg"><!--Das Favorite Icon im Kartenreiter.--> <title>Die erste Website!</title><!--Der Titel im Kartenreiter--> <meta name="robots" content="index,follow"> <!--Suchmaschinen (robots) sollen diese Seite in die Suche Aufnehmen--> <meta name="description" content="Dieser Beschreibungstext erscheint in der Suchergebnisliste."> <!--Der Text, der bei der Google-Suche steht--> </head><!--Kopf-Bereich ENDE--> <body><!--Körper-Bereich beginnt--> <h1>Erste Website</h1> <!--Eine Überschrift erster Ordnung („Buch-titel“)--> <p>Es ist möglich, Meta-Angaben zu machen. Suchmaschinen ranken die Seite höher wenn das Suchwort dort steht.</p> <!--Ein Absatz--> </body><!--Körper-Bereich ENDE--> </html><!--Hier endet HTML-->
HTML5 Cheat Sheet

HTML Cheat Sheet

Das HTML5 Cheat Sheet als PDF

SEO Cheat Sheet

SEO Cheat Sheet

Das On-Page SEO Cheat Sheet als .jpg

CSS Schreibweise - es gibt folgende Arten von CSS:

Externes CSS in einer eigenen Datei mit der Endung .css

  • Selektor␣{Eigenschaft:Wert;␣Eigenschaft:Wert;} ␣ = ein Leerzeichen
  • h1 {color:red;}
  • der Link dazu: <link rel="stylesheet" href="style.css" >

Internes CSS in head-Bereich

  • <style type="text/css">
    /* hier komtm das interene CSS */
    h1 {color:red;}
    </style>

Inline CSS - das ist ein HTML Attribut

  • <h1 style="color:red;"> Meine Ăśberschrift </h1>

Der CSS Selektor

Der CSS Selektor kann aus folgenden HTML-Tags und HTML-Attributen und Zeichen bestehen:

  • HTML-Tag: h1, p, a, li, ...
  • HTML-Attribut "id":  id = # (#content)
  • HTML-Attribut "class":  class = . (.bilder)
  • * : alles!
  • Pseudo-Elemente: a:hover
  • CSS Cheat Sheet

    Link zum CSS Cheat Sheet!