Warte da fehlt doch was…
Mir fällt gerade auf das ich direkt mit CSS angefangen hab ohne über die wichtigsten HTML-Tags zu reden, (und das liegt garantiert nicht an meiner Unstrukturiertheit…).
Alos ohne viel labern: Die wichtigsten HTML Tags:
Headlines
In Html gibt es 6 (sechs!1!) Headlines, diese sind hilfreicherweise nach Größe sortiert und nummeriert:
<h1>H1 - Die größte Überschrift</h1>
<h2>H2 - Kleiner,für Unterüberschriften</h2>
<h3>Noch kleiner, Unterkapitel oder Einschübe, was weiß ich</h3>
<h4>Nicht viel größer als ein Fetter text, selten genutzt</h4>
<h5>Jetzt kleiner als normaler Text, kommt in natura so kaum vor</h5>
<h6>Ja? Nein! Ich weiß nicht wozu man das Ding braucht.</h6>
Auf einer Seite sieht das dann so aus:
H1
H2
H3
H4
H5
H6
Normaler text als Vergleich.
Der nutzen von Headlines sollte Eigendeich selbsterklärend sein, dafür schreib ich jetzt keinen ewigen Paragraphen.
Text-styles
Die hatten wir ja bereits, die modifier gibt es auch in Tag-Form:
- schräg ->
<i>Italics</i>
- fett ->
<b>bold</b>
- beides ->
<b><i>Einfach beides ineinander stapeln!</i></b>
Auch deren Nutzung sollte selbsterklärend sein.
Links
Ganz wichtig für Webseiten sind Links, sie bringen den Nutzer von einer Seite zur nächsten und/oder verweisen auf Resourcen.
Der Tag dafür ist der <a>
, der “Anchor” (Anker) Tag. Ein link hat dabei 2 wichtige Komponenten: Inhalt und Ziel. das sieht dann so aus:
<a href="/meineSeite">Text Inhalt</a>
href steht dabei für “Hyperlink reference” - Das was der Link referenziert, wohin er “zeigt”.
Im nächsten Abschnitt geht es um unsichtbare aber dennoch verdammt wichtige Tags… spooky