HTML-Tutorial für Breite

HTML-Programmierung können Sie formatieren Sie das Layout in den Browser des Benutzers angezeigt werden. Eine Eigenschaft, die für den Webseiten-Layout verwendet, ist "Breite." Die Width-Eigenschaft wird in HTML-Tags wie z. B. ein Div, Table und Bild-Elemente verwendet. Die Breite wird in Pixeln, programmiert die kleine Punkte sind, aus denen sich das Bild auf dem Computerbildschirm zu sehen. Die Breite kann verwendet werden, umfassen das gesamte Browserfenster oder kleine Bilder, die nur einen kleinen Raum im Bereich Webseite aufnehmen können.

Anweisungen

1 Öffnen Sie Ihre HTML-Datei in einem beliebigen Texteditor. HTML ist eine nur-Text-Sprache, um ein so einfaches wie Notepad Editor verwenden zu können. Sie können auch komplexere Anwendungen wie Dreamweaver, Visual Studio oder Notepad++ HTML bearbeiten.

2 Platzieren Sie eine Eigenschaft "Breite" in einer Tabelle. Breite wird in einer Tabelle verwendet, die Größe der Tabelle horizontal über den Browser einrichten. Folgendes ist ein Beispiel dafür, wie die Breite einer Tabelle festgelegt:

< Tisch Breite = "1000px" >< / Tabelle >

Dadurch wird die Tabellenbreite auf 1000 Pixel. Sie können auch die Größe der Tabelle entsprechend der Breite der Browser des Benutzers. Dazu gehört die Breite auf einen Prozentsatz festlegen. Im folgende Code wird die Tabellenbreite auf 100 Prozent:

< table Width = "100 %" >< tr >< td > </td >< / tr >< Tabelle / Tabelle >

Festlegen der Breite "100 %" bewirkt, dass es über das gesamte Browserfenster erstrecken. Wenn Sie es auf "50 %" festlegen, ist die Tabellenbreite nur die Hälfte des Bildschirms.

3 Legen Sie die Breite eines "Div"-Tags. Ähnlich wie eine Tabelle, die Breite in Pixel oder als Prozentsatz des Bildschirms einstellbar. Der folgende Code legt die Breite des Div-Tag:

< Div-Breite = "200px" > das DIV-Tag < / Div >

4 Legen Sie die Breite eines Bildes. In den meisten Fällen wird die Breite eines Bildes festgelegt, nach wie der Designer die Datei speichert. Allerdings sollten Sie das Bild kleiner oder größer zu machen. Dies kann mithilfe der Eigenschaft "Breite" erreicht werden. Der folgende Code legt die Breite des Bildes:

< Img Width = "100px" >

5 Speichern Sie die HTML-Datei, und öffnen sie mit einem Browser. Bekanntmachung, die alle dem Div, Tabelle und Bild auf eine bestimmte Breite im Browser eingestellt sind.