2017-05-10 2 views
0

Ich habe etwas Text und möchte es schmaler machen, damit es sich nicht über den Bildschirm erstreckt. Ich habe geschrieben:HTML - Einfügen eines Randes in den Text

<body style="margin:20"> 
<body> 
    SQUIRE TRELAWNEY, Dr. Livesey, and the rest of these gentlemen having etc, 
<body/> 

Allerdings scheint es nichts zu tun, um den Text zu tun. Muss ich mein Body-Style-Tag schließen? Ist der Rand der richtige Operator? (Ich bin ein sehr Anfänger, das ist buchstäblich das erste Mal versuchen, HTML)

+0

'px' oder' '% ....... –

+0

Verwendung nur ein' Körper 'tag in Ihrem Dokument – XYZ

+0

Verwenden Sie nur einen' ' Tag und definieren Sie einen Rand wie 'style =" margin: 20p x "' oder 'margin: 20%' –

Antwort

4

Die grundlegende Syntax einer HTML-Seite ist

<!DOCTYPE html> 
<html> 
<head> 
    <title></title> 
</head> 
<body> 

</body> 
</html> 

Die <!DOCTYPE html> Erklärung dieses Dokument HTML5

Das <html> Element ist das Stammelement aus einer HTML-Seite

werden definiert

Das Element <head> enthält Metainformationen zum Dokument

Das <title> Element gibt einen Titel für das Dokument

Das <body> Element enthält den sichtbaren Seiteninhalt

Es gibt nur einen Körper für HTML. So verwenden Sie div, span, p Tags innerhalb des Körpers für die Verpackung Ihrer Inhalte.

<body style="margin:20"> ist schlechter Code

Versuchen <body style="margin:20px"> oder <body style="margin:1%">

body { 
 
    margin: 20px; 
 
}
<div> 
 
    SQUIRE TRELAWNEY, Dr. Livesey, and the rest of these gentlemen having etc, 
 
</div>

+0

Ja, das funktioniert, danke – user88720

+0

Gerne helfen @ user88720 –

4

add css auf html,

<style> 
body { 
    border: 1px solid black; 
    margin-top: 100px; 
    margin-bottom: 100px; 
    margin-right: 150px; 
    margin-left: 80px; 
    background-color: lightblue; 
} 
</style> 

Ohne CSS nur Stil-Eigenschaft auf Ihrem Körper Tag hinzufügen,

<body style="margin-top: 100px;margin-bottom: 100px;margin-right: 150px;margin-left: 80px;"> 

SQUIRE TRELAWNEY, Dr. Livesey, and the rest of these gentlemen having etc, 

</body> 
+0

Gibt es keinen Weg, es ohne CSS zu tun? Wir sind noch nicht bei CSS – user88720

+0

Überprüfen Sie meine aktualisierte Antwort –

+0

Vielen Dank. Ist das eine typische Art, die geschweiften Klammern mit einem offenen zu verwenden, und dann das erste Element in der nächsten Zeile eingerückt? – user88720

3
  1. entfernen zweite <body> Tag
  2. Add Einheit Marge (dh px)

    <body style="margin:20px"> 
        SQUIRE TRELAWNEY, Dr. Livesey, and the rest of these gentlemen having etc, 
    <body/> 
    
+0

und verwenden Sie ein Stil-Tag anstelle von Inline-Stilen – mplungjan

Verwandte Themen