Ich bin am umbauen!

HTML

hey wie gehts?

CSS

hey wie gehts?
hey wie gehts?

Textabstand

UM DEM TEXT GIBT ES EINEN 10px GROSSEN ABSTAND

<div style="padding:10px">DEIN TEXT</div>

die px Zahl (10px) kann man natuerlich nach Belieben ändern

Absatz einrücken

Beispiel: Meine Hobby sind:
- Freunde treffen
- Shoppen
- Schwimmen
und ich .....

<div style="margin-left: 3em">
Text

Text

</div>

 

margin-left: 3em steht für den Abstand von der linken Seite (desto größer die Zahl, desto mehr wird der Absatz eingerückt)

das gleiche geht auch mit rechts: margin-right: 3em

Stichpunkte

Beispiel 2: Meine Hobby sind:
  • Freunde treffen
  • Shoppen
  • Schwimmen
und ich .....

Beispiel: Meine Hobby sind:
<div style="margin-left: 3em">
<li> Frende treffen<br /></li>
<li> Shoppen<br /></li>
<li> Schwimmen</li>
</div>

und ich .....

 

mit <li> TEXT </li> könnt ihr einen 'Punkt' vor dem Satz bzw Wort etc. setzen

<li> heißt eigentlich 'Link' und soll zum kennzeichnen von Links gedacht sein, man kann sie aber auch als Stichpunkte nehmen

Texte positionieren

 

OBEN LINKS SCHREIBEN

- bei 'left'/'right' wird dir gezeigt wieviel px (Pixel) du vom linken/rechten Rand entfernt bist (bei 5px ist der Abstand zum linken Rand der Homepage weniger als bei 10px)

- bei 'top' wird dir gezeigt wieviel px du vom oberen Rand deiner Homepage entfernt bist

(bei 100px bist du näher am oberen Rande deiner Hp als bei 150px)

 

<div id="navigation" style="position: absolute ; width: px; left: 10px; top: 150px">DEIN TEXT</div>

 

OBEN RECHTS SCHREIBEN

 

<div id="navigation" style="position: absolute ; width: px; right: 10px; top: 150px">DEIN TEXT</div>

Linie erzeugen


mit <hr> könnt ihr einfach eine Linie erzeugen

mit <hr noshade color="#000000" width="350" size="1"> könnt ihr die Linie noch definieren

noshade = kein Schatten

color = Farbe

width = Länge der Linie

size = Dicke der Linie