Skip to content

StefanScheunemann/Grundlagen-html

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

28 Commits
 
 
 
 
 
 

Repository files navigation

Welcome to GitHub Pages

Eine Erkärung der wichtigsten html Funktionen.

Überschrift

Überschrift

Überschrift

Überschrift

Überschrift
Überschrift

Um einen Absatz zu erstellen muss ein Tag verwendet werden.

Ohne den Tag ensteht ein langer Textblock

Egal wie lang ein Textblock ist, am Anfang und am Ende muss ein Tag gesetzt werden. Nur in die nächste Zeile schreiben erstellt keinen Zeilenumbruch

Um einen einfachen Zeilenumbruch zu erzeugen und keinen neuen Paragraphen zu erstellen wird der Tag "br" verwendet,
durch diesen findet ein
Zeilenumbruch statt

  • Es können auch Listen erstellt werden, in denen ein automatischer Zeilenumbruch stattfindet
  • Thema 1
  • Thema 2
  • Thema 3

Um fett zu schreiben wird der Tag "b" verwendet. Auch längere Texte können bearbeitet werden.

Um kursiv zu schreiben wird der Tag "i" verwendet. Auch hier gilt wieder die Regel für längere Texte.

Text kann auch markiert werden.

Oft ist es praktisch auch tiefgestellt oder hochgestellt schreiben zu können. Dies bezieht sich immer auf das vorherige Wort und wird diesem angeschlossen.

Auch die Schriftfarbe kann verändert werden.

Fast alle Farben sind möglich, in den Quellen ist eine Liste angegeben.

Es gibt noch weitere Tags, die verwendet werden können, um Text zu formatieren. Diese können "hier" nachgelesen werden.

Für innere Verlinkungen im Dokument, also zum Beispiel für ein Inhaltsverzeichnis, werden Tags und Attribute benötigt.

Inhaltsverzeichnis

Es wird die Zeile als normaler Paragraph markiert und mit dem Tag "href=#(id Bookmark) und "a" die Verlinkung generiert. Zusätzlich muss die Stelle, wohin der Link führen soll, markiert werden.
Dies geschieht durch eine Attributs "id", die zugewiesen wird. Auch hier darf der Tag "a" nicht ausgelassen werden.

Jedes Bookmark, dass durch eine id markiert ist kann von jeder beliebigen Stelle aus aufgerufen werden und verlinkt werden und auch mehrfach verwendet werden.

Äußere Links, also Links, die zu anderen Websites führen, verhalten sich ähnlich wie die inneren Links.
Um einen äußeren Link zu erstellen wird dieselbe Form verwendet, die auch ein innerer Link verwendet, mit dem Unterschied, dass keine id notwendig ist. Stattdessen wird der Link zum Ziel eingefügt.

Stormarnschule

Solange der Link erreichbar ist findet eine automatische Weiterleitung statt und die Ziel-Website öffnet sich. Wie der Link, den man auf der Website sieht, heißt, spielt keine Rolle.

Bilder besitzen einen eigenen Tag, auch die Größe der Bilder kann variiert werden, um beispielsweise zwei Bilder nebeneinander zu stellen.

Bild1

Die Bilder sollten in einem Ordner im repository abgelegt sein, damit diese problemlos geladen werden können.

Es gibt einfache Tabellen, die ohne großen Aufwand erstellt werden können. Diesen können durch zusätzliche Tags aber weitere Funktionen und individualisierungen zugewiesen werden.
Hier zeige ich eine einfache Tabelle, für weitere Informationen kann hier gesucht werden.

Spalte 1 Spalte 2 Spalte 3
Spalte 1.1 Spalte 2.1 Spalte 3.1
Spalte 1.2 Spalte 2.2 Spalte 2.3
Spalte 1.3 Spalte 2.3 Spalte 3.3
Spalte 1.4 Spalte 2.4 Spalte 3.4

Dieses Muster kann unendlich weitergeführt werden, wobei "tr" eine neue Zeile darstellt und "td" eine neue Spalte erstellt.

selfhtml Wiki
w3schools
html Color names

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published