HTML-Allgemein {Tutorial}

8. Oktober 2018

Es ist wieder Zeit für ein Tutorial!
Heute würde ich gerne (wie der Titel schon verrät) ein wenig Allgemeines über HTML schreiben. Zum Beispiel für was die Abkürzung HTML steht, was Tags sind und was CSS damit eigentlich zu tun hat.

Einige werden sich bei ihrem Blogdesign sicher schon des Öfteren mit HTML beschäftigt haben, ob es nun das Einfügen eines Codes ist oder das Ändern im Quellcode. Wer seine Seite selbst besonders gestalten will, kommt an HTML fast nicht vorbei. Doch was ist eigentlich HTML genau?

HTML

HTML ist eine Abkürzung und steht für Hypertext Markup Language. Streng genommen ist HTML eigentlich keine Programmiersprache, sondern eine Strukturiersprache. Man sagt einem Browser damit, wie ein Inhalt strukturiert ist.

Ein allgemeines HTML Dokument sieht ca so aus:

<html>
  <head>
    <title>Meine erste Website</title>
  </head>
  <body>
    
  </body>
</html>

Tags

Doch warum werden hier spitze Klammern verwendet? Das sind sogenannten Tags, also Anweisungen. Sie werden auch HTML Markup genannt. Gibt es öffnende (<...>) und schließende (</...>) Tags, spricht man von einem Container. Ein schließendes Tag unterscheidet sich vom öffnenden durch einen Schrägstrich. 
Die Information steht immer zwischen einem öffnenden und einem schließenden Tag. Wie der Text strukturiert wird, hängt von dem jeweiligen Tag ab. Der p-Tag steht zum Beispiel für den Anfang eines Absatzes (p wie paragraph). Die meisten Tags sind Buchstaben oder Abkürzungen für englische Begriffe.

head und body

Eine grobe Einteilung des Codes kann in head und body getroffen werden, "head" steht für den Seitenkopf und "body" für den Seiteninhalt. Jedoch sieht der Besucher einer Website nur das, was im "body" steht. Vom Seitenkopf ist nur der Titel sichtbar.
In den Seiteninhalt wird also der Inhalt und seine Struktur geschrieben. Hier werden Tags gebraucht, um den Inhalt zu strukturieren. Es gibt Tags für Absätze, Listen, Tabellen und noch einige mehr. Die häufigsten und wichtigsten Tags werde ich in einem anderen Post behandeln. Aber natürlich können Tags auch verschachtelt werden.

HTML formatieren mit CSS

Grundsätzlich gilt, dass pure HTML Seiten nicht ganz so schön aussehen. Mit HTML strukturiert man einen Text zwar, aber man formatiert ihn nicht. Das Design macht nämlich erst CSS (Cascading Style Sheets). Grob gesagt ist HTML eigentlich zuständig für den Inhalt und CSS für die Formatierung. Wer also Farben ändern möchte, oder Rahmen und Boxen hinzufügen, muss sich mit CSS beschäftigen.

Warum nicht gleich alles in HTML?

Da es HTML und CSS gibt, können Struktur und Layout voneinander getrennt bleiben. Man kann also seine gesamte Seite in HTML strukturieren und dann beliebig das Layout ändern, ohne dass die Struktur verändert wird.

Ich hoffe, ihr habt einen guten Einblick in das Thema HTML bekommen können und seit bereit für die nächsten Tutorials!





Du möchtest einen Kommentar schreiben? Sehr gerne!

Wenn du auf meinem Blog kommentierst, werden die von dir eingegebenen Formulardaten (und unter Umständen auch weitere personenbezogene Daten, wie z. B. deine IP-Adresse) an Google-Server übermittelt. Mehr Infos kannst du in meiner Datenschutzerklärung und in der Datenschutzerklärung von Google nachlesen. Durch das Abschicken eines Kommentars stimmst du zu, dass du die Datenschutzerklärung zur Kenntnis genommen und akzeptiert hast.