HTML

HTML (HyperText Markup Language) ist die Standardsprache für Dokumente, die für die Anzeige in einem Webbrowser entwickelt wurde. HTML ist eine Textbeschreibungssprache zur Erstellung von Webseiten und keine Programmiersprache. Sie ist eine Beschreibungssprache. Mithilfe von Zeichen und Abkürzungen werden die einzelnen Objekte einer Webseite angeordnet. Die Objekte werden dabei mit sogenannten "Tags" (Markierungen) auf der Webseite dargestellt und plaziert.

Aufbau einer HTML-Webseite



HTML-Tags im Überblick
Tag Wirkung Erklärung
Tag 1 < b > Fett dargestellt < /b> Fett dargestellt Fettschrift (bold)
Tag 2 < h1 > Hauptüberschrift < /h1>

Hauptüberschrift

Abstufung bis h6
Tag 3 < u > unterstrichen < /u> unterstrichen underline
Tag 4 < i > kursiver Text < /i> kursiver Text italic
Tag 5 < font size ="5" > Schriftgrad < /font> Schriftgrad Schriftgröße (font size)
Tag 6 < font color ="red" > Schriftfarbe < /font> rot Schriftfarbe (font color)
Tag 7 < font face ="Comic Sans MS > Schriftart < /font> Schriftart font face
Tag 8 < img src="logo.png",width="auto" height="100"> Bild (image)
Tag 9 vor dem < br > Zeilenumbruch vor dem
Zeilenumbruch		 break (Zeilenumbruch)
Tag 10 Abschnitt 1 normaler Text < p > Abschnitt 2 normaler Text Abschnitt 1 normaler Text

Abschnitt 2 normaler Text

 neuer Abschnitt (part)
Tag 11 < ul >
< li > Aufzählung 1
< li > Aufzählung 2
< /ul>
  • Aufzählung 1
  • Aufzählung 2
Aufzählung (list)
Tag 12 < a href="Beispielseite.html" > Link gesetzt < /a> Link gesetzt Hyperlink zu einer anderen Webseite (reference)
Tag 13 < div align ="center" > Textposition < /div>
Textposition
zentriert (center)
"right", "left"
Tag 14 < marquee bgcolor="colorname" > Laufschrift < /marquee> Laufschrift Laufschriften auf Webseiten

einfache Tabelle


INHALT ZELLE 1 INHALT ZELLE 2
INHALT ZELLE 3 INHALT ZELLE 4

CSS

Cascaded Style Sheets (CSS) werden verwendet, um das Layout einer Webseite zu formatieren. Mit CSS kannst du die Farbe, die Schriftart, die Textgröße, den Abstand zwischen den Elementen, die Positionierung und Anordnung von Elementen steuern, welche Hintergrundbilder oder Hintergrundfarben verwendet werden sollen und vieles mehr! CSS Beispiele:

h1 {color: yellow;}
body {background-color: grey;}

Es besteht auch die Möglichkeit über eine bestimmte ID (Identifikation) CSS-Elemente zu erstellen: 
<style>
#meintext{font-family:courier;
          Font-Size:20px;
          color:blue;}
</style>
Die Formatierung mittels IDs wird durch "#" eingeleitet. Diese IDs können dann im HTML-Text innerhalb normaler Tags genutzt werden: