The "valign" code controls the vertical alignment of a table cell. Comstock / Comstock / Getty Images

Beim Aufbau einer Website in HTML, können Sie feststellen, eine Tabelle, die für die Organisation von einer kleinen Menge von Daten in Zeilen und Spalten.Tabellen wurden seit den Anfängen des Web verwendet, und verwendet werden, um eine wichtige Rolle in der physikalischen Struktur einer Web-Seite zu spielen.Die Tische sind relativ in Bezug auf die in dem Sie Inhalte in ihnen Platz begrenzt, aber sie gehorchen Code Umgang mit Ausrichtung des Zellinhalts.Bilder und Texte standardmäßig in die Mitte der Zelle, vertikal gesprochen, aber eine einfache Code hinaus bewegt sich diese Inhalte an die Spitze der Zelle.

valign-Code

  • Um Text oder ein Bild an die Spitze einer Zelle zu bewegen, fügen Sie den folgenden Code, um die & lt; td & gt;oder & lt; th & gt;tag: ". vertikale Ausrichtung"

    valign = "top"

    valign steht fürWenn der Inhalt der Zelle nicht nach oben richten, stellen Sie sicher, dass Sie das Wort "top" mit Anführungszeic

    hen gesetzt haben, und dass Sie beide und das Öffnen und Schließen Klammern um die Tags haben."Valign" unterscheidet sich von "align", die mit horizontalen statt vertikalen Ausrichtung innerhalb einer Zelle befasst.

Tabellenstruktur-Code

  • Eine einfache Tabelle mit zwei Zeilen und zwei Spalten können Sie den folgenden Code haben:

    & lt; Tabelle & gt;

    & lt; tr & gt;

    & lt; th & gt; Spalte einer Kopfzeile & lt; / th & gt;

    & lt; th & gt; Column Zwei Kopfzeile & lt; / th & gt;

    & lt; / tr & gt;

    & lt; tr & gt;

    & lt; td & gt; Column One Data & lt; / td & gt;

    & lt; td & gt; Column Zwei Daten & lt; / td & gt;

    & lt; / tr & gt;

    & lt; / table & gt;

    Der Code & lt; Tabelle & gt;einfach beginnt, die Tabellenstruktur.Der Code & lt; tr & gt;steht für Tabellenzeile und führt die Reihe.Sie können beliebig viele Zellen hinzufügen, wie Sie möchten, in diesem Fall zwei, mit jeweils & lt; th & gt ;, oder Tisch Header-Tag.Sie können eine Zeile, indem Sie am Ende der & lt; / tr & gt;tag.Diese Tabelle hat nur eine weitere Zeile, von einem anderen & lt begonnen; tr & gt;Tag, und zwei weitere Zellen in dieser von den beiden & lt definierten Reihe; td & gt;Tags.Sie können die valign = "top" Code innerhalb einer dieser & lt hinzuzufügen; th & gt;oder & lt; td & gt;Tags zu Top-align alle Inhalte dieser Zelle.

Tabellenkopf

  • Die Zellen, die Sie definieren, wie Tabellenüberschriften (mit dem & lt; th & gt; Tag) aus der Zeile am oberen Rand Ihrer Tabelle.Das Format der Tabellenkopf Inhalte standardmäßig fett gedruckten Text mit zentrierten horizontalen und vertikalen Kurven.Wenn Sie möchten den Inhalt vertikal nach oben richten, sollte der Code für diese Zelle lesen:

    & lt; th valign = "top" & gt; Spalte einer Kopfzeile & lt; / th & gt;

    Dies schafft Texte fett, horizontal zentriert und vertikal an die Spitze der Zelle ausgerichtet ist.

Table Data

  • Die Zellen können Sie festlegen, wie die Tabellendaten (mit dem & lt; td & gt; -Tag) bestehen typischerweise aus dem Rest der Daten in Ihrer Tabelle.Der Stil dieser Zellen standardmäßig normale Text Gewicht, vertikale Zentrierung und Linksausrichtung.Vertikal von oben richten Sie die Inhalte dieser Zellen sollte der Code zu lesen:

    & lt; td valign = "top" & gt; Column One Data & lt; / td & gt;

    Dies macht die Inhalte richten an die linke obere Ecke der Zelle.

Ressourcen

  • W3 Schools: HTML TBODY valign Attribut