Informatik

Html steht für "hypertext markup language" und ist seit der Veröffentlichung der W3C in 2014 in der 5. Version. Es ist keine Programmiersprache sondern beschreibt nur die Struktur der Website. CSS (Cascading Style Sheets) sorgt für das Aussehen und wird hier leider nicht weiter behandelt. Die Browser geben allen html-Elementen einen Grundstil.

• html besteht aus Tags und Attributen. Beides steht immer zwischen den "<" Klammern ">". Die Tags sind die Keywörter h1, p, body... danach können Attribute stehen wie hier z. B. name="viewport"
• "DOCTYPE" sagt dem Browser welche html Version verwendet werden soll, wobei das "html" für die 5. Version steht.
• als nächstes folgt der "html"-Tag, der alles umschließt
• in den "head" kommen metadaten, die auf der Seite nicht sichtbar sind
• der "title" beschriftet die einzelnen Tabs und auch das Icon würde hier in den "head" kommen
• Die aller meisten Tags (im Header) sind "meta"-Tags. Dieser sagt dem Browser, dass diese Datei mit dem Zeichensatz "utf-8" gelesen werden soll. UTF-8 hat sich als Standard etabliert.
• der "meta"-tag viewport ist essentiell um eine Website auch für Smartphones in der richtigen Größe darstellen zu lassen
• zusätzlich können noch <style></style> und <script></script> (für Javascript nicht für PHP) Tags in den header
• in den "body" kommt der sichtbare Teil der Website
• hier als Beispiel der erste Heading-Tag <h1> und
• ein Paragraf-Tag

Anzumerken ist, dass unsere Schule noch nicht in 2014 angekommen ist und der Browser html 5 noch gar nicht kennt. Da hier nur die einfachsten Grundlagen behandelt werden, lässt sich das Meiste auch auf html 4 anwenden z. B. html, head, title, body, h1, p