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.
< 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
Die Zusammenfassung ist gut!
Ich hätte nur einen kleinen Verbesserungsvorschlag für dich:
Das target und rel-Attribut gehört noch in den a TAG hinein.
< a href="LINK" target="_blank" rel="nofollow">Text < /a>
lg
Domii
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Aufmerksam gelesen, habe ich übersehen :)
Danke dir
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
@Goldmann sehr gut geschrieben und in Steemit gut brauchbar :D
Upvoted! Danke
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Danke für das Feedback :)
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Schöne Zusammenfassung!
Danke dafür und beste Grüße
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit