Wie man eine Webseite mit Bildern & Tabellen

Bilder und Tabellen sind zwei gemeinsame Elemente auf vielen Websites. Bilder können von Personen oder Sachen, Grafiken, Animationen oder einige andere Bild werden. Tabellen zu Daten und Inhalten auf logische Weise organisieren. Sie haben ein hohes Maß an Flexibilität bei der Anpassung der Tabellen, einschließlich der Angabe, mit Rahmens, Abstände zwischen den Zellen und Inhalte, die Größe der Tabelle und die Grenzen um zu zeigen. Image-Tags sind wesentlich einfacher. Sie einfach die URL auf das Bild und Text, um es zu beschreiben und dann lassen Sie den Browser, den Rest erledigen.

Anweisungen

1 Öffnen Sie eine leere Textdatei, speichern Sie es als "Index.html" und fügen Sie den Cursor an den Anfang der Datei ein.

2 Geben Sie Folgendes ein:

< html >

< Head >

< Title > meine Web-Seite < / title >

< / head >

< Körper >

Ändern Sie den Text in den Title-Tag. Dies richtet den Head-Bereich für die Index-Seite Ihrer Website. Alle Inhalte, die Besucher zu sehen ist in den Body-Tags enthalten.

3 Geben Sie Folgendes ein:

< Img Alt = "Mein Bild" >

Ändern Sie den Wert des Src-Attributs auf den Pfad, in dem Sie Ihr Bild gespeichert. Das Alt-Attribut Text angezeigt, wenn der Besucher Maus über das Bild bewegt wird oder wenn der Link zu dem Bild nicht funktioniert. Ändern Sie den Text um das Bild besser zu beschreiben, oder löschen Sie den Text insgesamt.

4 Geben Sie Folgendes ein:

< Tabelle >

< tr >

< td > Zeile 1, Zelle 1 </td >

< td > Zeile 1, Zelle 2 </td >

</tr >

< tr >

< td > Zeile 2, Zelle 1 </td >

< td > Zeile 2, Zelle 2 </td >

</tr >

< / table >

Das Table-Tag definiert eine neue Tabelle. Tr-Tags definiert eine neue Tabellenzeile, während das td-Tag eine neue Tabellenzelle definiert.

5 Geben Sie Folgendes ein:

< Tabellenrahmen = "1px" Width = "50 %" Cellpadding = "10px" Cellspacing = "5px" Regeln "Zeilen" = >

< tr >

< th > Zeile 1, Header 1 < /th >

< th > Zeile 1, Kopf 2 < /th >

</tr >

< tr >

< td Colspan = "2" > Zeile 2, Zelle 1 und 2 </td >

</tr >

< / table >

Das th-Tag statt td-Tags gibt einen Spaltenheader. Es Zentren und Bolds den Text in der Zelle. Das Table-Tag erfordert keine zusätzliche Attribute, aber Sie können nicht enthalten mehrere seiner Darstellung anpassen. In diesem Beispiel hat der Tisch eine Grenze, die 1 Pixel breit ist. Cellpadding-Attribut legt 10 Pixel zwischen dem Inneren der Zellwände und der Inhalt in die Zellen und das Cellspacing-Attribut setzt 5 Pixel zwischen einzelnen Zellen. Das Regeln-Attribut legt fest, dass eine Grenze nur in Zeilen angezeigt werden sollen. Das Width-Attribut gibt an, dass die Tabelle 50 Prozent des Bildschirms aufnehmen sollte.

6 Geben Sie Folgendes ein, und dann speichern Sie und schließen Sie die Datei:

< / body >

< / html >

Diese Tags schließen den Körper und html-Tags am Anfang des Dokuments geöffnet.