Browser Chrome
-> Anzeige -> Entwickler -> Quelltext anzeigen
-> Rechtsklicken -> Element untersuchen
Headings
<h1> bis <h6> tags
<h1> Super Wichtig </h1>
Paragraphs
<p> Normaler Text </p>
Linie
<br>
Links
<a href=“https://www.elenagonzalez.ch“>Link</a> es öffnet sich in gleiche Fenster
<a href=“https://www.elenagonzalez.ch“ target=“_blank“>Link</a> es öffnet sich in ein neuer Tab
<a href=“https://www.elenagonzalez.ch“ rel=„nofollow“>Link</a> z.B. für External Links
ID-Attribute
SIND IMMER UNIQUE!
id=“Bookmark“
Für links, Fotos und andere Elemente (z.B. span-Elemente -> wenn ich ein spezifisches Design für dieses Element im CSS haben möchte) oder um Anker zu generieren
Title-Attribute
<a href=“https://www.elenagonzalez.ch“ title=“Visit mein Web“>Link</a> Info „Visit mein Web“ wird angezeigt wenn ich über den Link mit der Maus gehe. (Beispiel)
Ich kann es zum Beispiel auch bei Fotos benutzen.
Icons
- Characters: Geniale, strukturierte, aber auch extrem umfangreiche Symbolzeichenliste (von 65’000 direkt aufrufbaren Symbolen):
- http://html-css-js.com/html/character-codes
- http://html-css-js.com/html/character-codes/icons
- Beispiele:
- Kalender-Icon: 📅
- Zeit-Icon: 🕔
- Orts-Icon: 📍
Dieser Code kann direkt im HTML-Fenster in WordPress eingefügt werden
Good to know
Wenn ich eine neue Zeile möchte, aber nicht einem neuen Paragraphen: Umschalttaste+Enter (Shift+Enter)