Wie HTML-Tabellen auf der Seite eines Textes platziert

Eine HTML-Tabelle wird verwendet, um Inhalte auf einer Webseite zu strukturieren. Sie können auswählen, wie Ihre Tabelle auf einer Webseite angezeigt wird, so dass Text über, unter oder neben einer Tabelle angezeigt wird. Mit einer Kombination von HTML und CSS (Cascading Style Sheets)-Code, können Sie Ihr Layout noch mehr bearbeiten. Ändern Sie den CSS-Code, also der Tabelle und Seite Text haben eine bestimmte Breite und ändern die Seite, auf der jedes Element auf Ihrer Webseite angezeigt wird.

Anweisungen

1 Öffnen Sie die HTML-Datei, die Sie in einem Texteditor ändern möchten.

2 Kopieren Sie den folgenden CSS-Code und fügen Sie ihn zwischen dem < HEAD > Tag der Datei:

< Typ style = "Text/Css" >.Left {Float: left;}ganz {Float: right;}< / style >

3 Geben Sie die Breite von jeder Seite durch den CSS-Code unten anstelle des obigen Code kopieren und Einfügen zwischen dem < HEAD >-Tag. Ändern Sie dann die Breite Größe Ihres Projekts angepasst.

< Typ style = "Text/Css" >.Left {Float: Left; Width: 300px;}ganz {Float: Right; Width: 500px;}< / style >

4 Platzieren Sie den folgenden HTML-Code innerhalb des Tags < BODY > Ihrer Datei, wo der Text und Tabelle nebeneinander-angezeigt werden:

< Div Class = "Left" > hier ist der Text neben der HTML-Tabelle < / Div >< Div Class = "Right" >< Tabelle >< tr >

<td>Here's the table beside the text... </td>

</tr >< / table >< / Div >

5 Ersetzen Sie Text und Tabelle Inhalt mit Ihren Daten. Wählen Sie dann "Datei" und "Speichern" aus der Symbolleiste, um die Änderungen zu speichern.