Suche HTML-Befehl
- Ersteller Thunderbird 1400
- Erstellt am
Thunderbird 1400
Grand Admiral Special
Hallo!
Kann mir jemand mal eben den HTML-Befehl sagen, mit dem ich Text weiter nach rechts versetzen kann?
Es geht um meine Homepage (die eigentlich nur als Webspace dient), dort ist der Text nicht so gut leserlich, weil er zu weit links über dem Hintergrundbild ist.
Kann mir jemand mal eben den HTML-Befehl sagen, mit dem ich Text weiter nach rechts versetzen kann?
Es geht um meine Homepage (die eigentlich nur als Webspace dient), dort ist der Text nicht so gut leserlich, weil er zu weit links über dem Hintergrundbild ist.
Zuletzt bearbeitet:
![[³dgamer]](/data/avatars/m/25/25369.jpg?1596828194){kind=avatar}
Thunderbird 1400
Grand Admiral Special
Und wo ist der Unterschied zwischen body style und div style (den Befehl, den 3dgamer gepostet hat)?
Komme mit beiden Befehlen ans Ziel.
Komme mit beiden Befehlen ans Ziel.
body gilt für die ganze Seite, div nur für den jeweiligen Teil (Absatz, Block o.ä.)
Ansonsten empfehle ich mal Selfhtml, http://de.selfhtml.org/index.htm
Einerseits gute Tutorial-Erklärungen zu allen Bereichen, andererseits ein gutes Nachschlagewerk (was man oft braucht, da man sich nicht alles merken kann).
Am besten einfach mal ganz vorne anfangen und sich ein paar Stunden einlesen, dann versteht man den Aufbau und macht viele Fehler später gar nciht erst.
Edit: Hab mir mal gerade Deine Seite angeschaut; da wirst Du möglicherweise bald auf komische Fehler stoßen, wenn Du weitere Bestandteile hinzufügst, denn viele Tags sind offen, manche fehlen komplett. Das ist streng genommen falsch, auch wenn Browser meist keine Fehlermeldungen ausspucken.
z.B. fehlen überhaupt erstmal html-tags um den ganzen Text, das body-tag ist nciht geschlossen usw.
Momentan fällt das alles nicht auf, weil die Seite so einfach ist, aber Du wirst ganz sicher komische Probleme damit bekommen, wenn Du daran weiterbaust.
Zweiter Punkt ist, daß man Formatierungen möglichst in CSS machen sollte und dafür keine als HTML-Attribute, das ist ein sauberer Stil, der auch zu mehr Übersichtlichkeit führt. Gewöhnst Du Dir am besten gleich von vornherein an.
So oder ähnlich sollte Deine Seite dann aussehen, wenn es "richtig" und "schön" wäre:
Ansonsten empfehle ich mal Selfhtml, http://de.selfhtml.org/index.htm
Einerseits gute Tutorial-Erklärungen zu allen Bereichen, andererseits ein gutes Nachschlagewerk (was man oft braucht, da man sich nicht alles merken kann).
Am besten einfach mal ganz vorne anfangen und sich ein paar Stunden einlesen, dann versteht man den Aufbau und macht viele Fehler später gar nciht erst.
Edit: Hab mir mal gerade Deine Seite angeschaut; da wirst Du möglicherweise bald auf komische Fehler stoßen, wenn Du weitere Bestandteile hinzufügst, denn viele Tags sind offen, manche fehlen komplett. Das ist streng genommen falsch, auch wenn Browser meist keine Fehlermeldungen ausspucken.
Code:
<body background="http://..../images/background2.gif">
<style type="text/css">table{background-image:url(http://.../images/background2.gif);}</style>
<img src="http://.../images/logo.gif"/><p>
<div style="margin-left:150px;"><font size="8"><b>...<p>
<font size="6">...</font size><p>
<font size="3">
<a href="....zip">...</a><p>
<a href="....zip">...</a>Momentan fällt das alles nicht auf, weil die Seite so einfach ist, aber Du wirst ganz sicher komische Probleme damit bekommen, wenn Du daran weiterbaust.
Zweiter Punkt ist, daß man Formatierungen möglichst in CSS machen sollte und dafür keine als HTML-Attribute, das ist ein sauberer Stil, der auch zu mehr Übersichtlichkeit führt. Gewöhnst Du Dir am besten gleich von vornherein an.
So oder ähnlich sollte Deine Seite dann aussehen, wenn es "richtig" und "schön" wäre:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>...</title>
<style type="text/css">
body {
background-image:url(http://.../images/background2.gif);
margin-left:150px;
font-size:14px;
font-family:Arial;
}
h1 {
font-size:30px;
}
h2 {
font-size:20px;
}
</style>
</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<img src="http://.../images/logo.gif"/>
<h1>...</h1>
<h2>...</h2>
<hr/>
<p><a href="....zip">...</a></p>
<p><a href="....zip">...</a></p>
</body>
</html>
Zuletzt bearbeitet:
Ähnliche Themen
