56 – Tags und CSS-Eigenschaften
Kleine Liste wichtiger HTML-Tags
Normalerweise braucht nicht in der Code-Ansicht von Dreamweaver gearbeitet werden und man braucht die TAGs nicht selber schreiben. Die Überschriften (h1, h2, h3, h4, h5, h6) und der Absatz (p) sowie Aufzählungen (ul, ol) werden z. B. im Eigenschaftsfenster unten unter Formate bzw per Symbol zugewiesen.
- <h> (h1 – h6)
Überschriften auf 6 Ebenen
Jede Überschrift ist eine eigener Absatz, es braucht daher davor und danach kein eigener Absatz eingefügt werden. - <p>
Textabsatz
Ein Absatz ist ein Textabschnitt, der einen Abstand davor und danach hat. - <br>
erzwungener Zeilenumbruch
Ein bloßer Zeilenumbruch erzeugt keinen Abstand wie ein Absatz. - <em>
zeichnet einen Text als betont aus - <strong>
zeichnet einen Text als stark betont aus - <b>
zeichnet einen Text als fett aus - <i>
zeichnet einen Text als kursiv aus - <u>
zeichnet einen Text als unterstrichen aus - <sup>
zeichnet einen Text als hochgestellt aus - <sub>
zeichnet einen Text als tiefergestellt aus - <div>
damit wird ein Block (Box) erzeugt
Eine umfassende Liste aller HTML-Tags findest Du auf https://wiki.selfhtml.org/wiki/Referenz:HTML
Kleine Liste wichtiger CSS-Eigenschaften
Tag | CSS-Eigenschaft | Beispiel |
---|---|---|
h1, h2, h3, h4, h5, h6, p | font-family font-size color | p{font-family:Arial, Helvetica, SanSerife; font-size:16px; color:#777;} |
a (Hyperlink) a:visited (besuchter Hyperlink) a:hover (Hover-Effekt) | font-family font-size color text-decoration | |
div# | position width height margin margin-left margin-right background-color | div#box1 {position:relative; width:800px; height:260px; margin-left:auto; margin-right:auto; margin-bottom:14px; background-color:#DDD;} |