Rowspanとは何ですか?

rowspan属性は、Webページのテーブルセルを複数の行に拡張できるようにするハイパーテキストマークアップ言語(HTML)機能です。 HTMLは、Webページが作成される主な方法の1つです。通常、WebブラウザはWebサイトから送信されたHTMLをデコードし、結果をコンピューター画面に読み取り可能な形式で表示します。 HTMLには、ページ上のコンテンツを整理するためのテーブルの概念が組み込まれています。

テーブルには、垂直および水平に情報を整理する複数の行と列があります。 HTMLテーブルを表示する場合、1つのコンテンツアイテムを複数の行に適用または広げることを望みます。テーブルでは、rowspan = n - n - nは2、3などの数値です。セルがその多くの行に広がることを示しています。

販売データが3つの列見出しを持つテーブルとして表示される例を考えてみましょう:販売領域、地域の見出し、販売金額。南部地域は、記録期間中に頭の変化がありました。それぞれの量はです両方の人々に起因すること。次のコードがこれを達成します。


<テーブルボーダー= "1">


領域
head
販売



east
lewis
$ 2,100


south lilian $ 1,180

laverne $ 1,300

west larnoe $ 1,900


この例では、テーブルが作成されます。見出し領域、頭の人、販売の後、4列のデータが指定されます。テーブル内の各セルはで示されていますテーブルデータ(TD)属性。南のデータは2行にわたって進行するため、rowspan = 2を指定することにより、サウスという言葉は2行にわたって延びています。次の行には、他のすべての行のように3つのTD属性しかありません。

このコードをテキストファイルにコピーして、ブラウザに表示して効果を表示できます。このコードに空白スペースが追加されており、販売ヘッドを簡単に識別しますが、必要ではありません。以下は、1人のリリアンが2つの地域を頭と西に向かうわずかに異なる例です。



<テーブルボーダー= "1">

領域 head sales
east lewis $ 2,100

south lilian $ 2,480

西 $ 1,900



ウェブページは、表形式のデータを表示する必要がない場合があります。会社名とロゴなどのヘッダー、上または側面に1つ以上のメニュー、中央の主要な情報などがあります。このようなWebページを作成する際には、読者がそれを認識せずにテーブル構造が下で使用されることがよくあります。スムーズな効果を与えるために、いくつかのコンテンツが複数の行に広がるたびに、rowspan属性が使用されます。

たとえば、家族、キャリア、コミュニティの3つの列の情報を含む個人的なWebページを作成することをお勧めします。各列には、簡単な紹介、写真、詳細があります。ページの見栄えを良くするために、右側に沿って色のバンドを使用できます。この場合、rowspan機能を利用して、色の帯がすべての行に及ぶことを示すことができます。

他の言語

この記事は参考になりましたか? フィードバックをお寄せいただきありがとうございます フィードバックをお寄せいただきありがとうございます

どのように我々は助けることができます? どのように我々は助けることができます?