Die Wichtigsten Html Tags für deine Webseite.

in deutsch •  7 years ago  (edited)

Kurz vorab ich wollte mit Hosting und Webseite einrichten beginnen, allerdings habe ich noch Technische Probleme ein Video zu erstellen und hier hochzuladen.

Deswegen überspringe ich diesen Schritt und werde ihn einfach danach hinzufügen.

Die Html Tags die man am meisten braucht

Stell dir vor du hast nun deinen Artikel geschrieben. Diesen möchtest du nun in Form bringen, sei es das du andere nützliche Artikel verlinkst, von deiner oder anderen Webseiten, oder auch einfach Fett Schrift oder eine Aufzählung. Dazu kann man in einem CMS Shortcuts nutzen oder auch HTML.

Hier zur HTML Methode:

Wenn du einen Link setzen möchtest sieht der Code dafür so aus: < a href="LINK">Text .

Link steht für die URL und text für den Ankertext ( das ist der Text der über den link liegt).

Wir können jetzt noch Zusätze in den Code einfügen. Wie zum Beispiel rel="nofollow" und target="_blank" . Das sind wohl die beiden Zusätze die man am meisten benutzt.

rel="nofollow" benutzt man für Links die für Werbung genutzt werden. So kann man der Suchmaschine wie Google zeigen " Hey das ist Werbung". So wertet diese dann auch den Link.

target="_blank" ist dafür, das wenn man den Link anklickt, dieser sich in einem neuen Fenster ( Tab) öffnet.

Diese Zusätze fügt man so in den Link HTML code ein.

Beispiel: < a href="LINK">Text rel="nofollow"

Beispiel: < a href="LINK">Text target="_blank"

man kann auch beide Tags nehmen, für Werbung die sich in einen neuen Tab öffnen soll.

Das sieht dann so aus.

Beispiel: < a href="LINK">Text target="_blank" rel="nofollow"

Dann gibt es noch Strong, also dicke Schrift

Wie zu sehen der Code ist Simpel < strong> Dein Text < /strong>.

Die Überschriften ( Heading)

Es gibt verschiedene Überschriften in verschiedenen Größen. Diese kann man erzeugen via: < h1> Die Überschriften < /h1> .

Die < h1> Überschrift benutzt man für die Hauptüberschrift. Die anderen Überschriften sind sozusagen Unterüberschriften.

Test Überschrift h2

Test Überschrift h3

Test Überschrift h4

Test Überschrift h5

Test Überschrift h6

Wenn man diese benutzen möchte, einfach den Code < h6> Test Überschrift < /h6> ( ohne leerzeichen nach < h und < / ) mit der passenden Zahl benutzen. Wie man sieht funktioniert das auch in Steemit.

Wenn du den Code sehen willst, dann kannst du in deinen Browser Rechsklick auf ein Element machen und dieses dann " Untersuchen". Das nennt sich von Browser zu Browser anders, ist aber einfach zu finden.

Wenn wir eine Aufzählung machen wollen, machen wir das Folgender Massen:

Wie Unten zu sehen sieht eine Auflistung toll aus und macht durchaus Sinn in der Textgestaltung.

  • Erstens
  • Zweitens
  • usw
    • < ul>
      < li>Erstens< /li>
      < li>Zweitens< /li>
      < li>usw< /li>
      < ul>

      So sieht der Code aus mit Leerzeichen. Man beginnt mit < ul>. Dann kann man mit < li> Text < /li> seinen Text der Liste hinzufügen.

      Wenn man jetzt alles in der Liste hat, muss man nun wieder ein < ul> hinpacken um zu zeigen das die Liste zu ende ist.

      li steht dabei für List Item

      Das sollten erstmal die Wichtigsten Sachen sein, die man am Anfang gebrauchen kann. Man kann sich aber auch Arbeit sparen in dem man Shortcuts benutzt. Dazu aber zu einen anderen Zeitpunkt mehr.

      Meiner Meinung nach ist es Wichtig zumindest zu wissen wie sowas aussehen soll. Sodass es auch einem möglich ist, wenn sich ein Fehler einschleicht diesen auszubessern.

      Aufpassen: bei den < a das Leerzeichen weglassen. Das Leerzeichen ist nur da, das man den Code sehen kann. Sonst sieht man diesen auf Steemit nicht.

      Grüße @Goldmann

      Authors get paid when people like you upvote their post.
      If you enjoyed what you read here, create your account today and start earning FREE STEEM!
      Sort Order:  

      Die Zusammenfassung ist gut!
      Ich hätte nur einen kleinen Verbesserungsvorschlag für dich:

      < a href="LINK">Text target="_blank" rel="nofollow"

      Das target und rel-Attribut gehört noch in den a TAG hinein.

      < a href="LINK" target="_blank" rel="nofollow">Text < /a>

      lg
      Domii

      Aufmerksam gelesen, habe ich übersehen :)

      Danke dir

      @Goldmann sehr gut geschrieben und in Steemit gut brauchbar :D
      Upvoted! Danke

      Danke für das Feedback :)

      Schöne Zusammenfassung!
      Danke dafür und beste Grüße