Wie man einen HTML-Absatz in einer bestimmten Position

HTML kennzeichnet Text in Webseiten-Inhalte, die Sie mithilfe von Cascading Style Sheets (CSS) formatieren können. Absätze in HTML zeigen sich auf Webseiten je nachdem, wo Sie diese im Code platzieren, also wenn Ihr Code eine Überschrift, einen Absatz und dann einige Fotos, enthält die Elemente werden angezeigt auf der Seite in der gleichen Reihenfolge. Sie können die Position eines Absatzes zu einer bestimmten Position auf der Seite mit absoluter Positionierung in einem Stylesheet ändern.

Anweisungen

1 Öffnen Sie die Webseite in Notepad oder einem Codeeditor. Der Seite, etwas in einem logischen Ort wie unter der entsprechenden Überschrift fügen Sie einen Absatz hinzu:

< p Id = "Myparagraph" > Dies ist ein HTML Absatz. </p >

Geben Sie Ihren Absatz eine eindeutige, sinnvolle ID, wie oben gezeigt. Sie werden diese ID verwenden, um den Absatz der CSS Code zu positionieren.

2 Finden Sie die "< Stil >" Tags im HTML Code oder hinzufügen:

< Typ style = "Text/Css" >< / style >

Diese Tags gehen zwischen den "< Head >" Tags Ihres HTML, in der Regel unter "< Title >"-Tags. Alle CSS-Code gehen zwischen die Tags "< Stil >".

3 Schreiben Sie eine Formatierungsregel für Ihren Absatz zu und seine "Standpunkt"-Eigenschaft auf "absolut." Legen Sie die "oberen" und "linken" Positionen, die mit Pixel oder Prozentwerte:

{Myparagraph} Position: absolute;oben: 200px;Links: 300px;}

Wenn Sie Prozentwerte verwenden, denken Sie daran, dass der Absatz Position auf dem Bildschirm abhängig von der Bildschirmgröße ändern wird.

Tipps & Warnungen

• Suchen die Tags, die Ihren Absatz-Tags wie "< Div >" umgeben und diese zu "Position: relative" in Ihrem CSS-Code. Das wird den Absatz innerhalb seines übergeordneten Elements halten.