|
|
|
HTML Code TutorialTutor Ebook Download Tables and RowspanRowspan is a feature of HTML that is useful when we want a column in a multiple row table to extend downward into the next row. When used properly with the colspan attribute, we can create some interesting page layouts. It should be noted that it takes a browser longer to process a page built using mutliple row tables and some search engine spiders still experience difficulty with complicated table arrangements. 2 Row 2 Column TableIn this example notice than only one column definition is provided on the second row. The first column on the second row is treated as if it doesn't exist, because column 1 on row 1 occupies its position.
Code without text: <table width="400" cellpadding="5" cellspacing="0" border="1">
NOTE: The code for this page makes use of rowspan and colspan. Check out the source code. 2 Row 3 Column TableThis example shows a 2 row 3 column table. It is useful when you want a tower ad or sitemap on each side of the page with text in the center. Because the first column on the first row spans into what would be the first column on the second row, only one column definition is used on the second row. The third column definition on the second row is omitted because we want the one existing column to be 2 columns wide. Clear as MUD! I know, but check the code.
|
Contents Table of ContentsIntroduction Page Structure Basic HTML PageDoctype The Body Tag The Header Tag The Division Tag Horizontal Rule Anchor Tag Anchor Tag - Intradocument Anchor Tag - Image Using Borders The ID Attribute Meta Tags Text Controls Style SheetsWorking With Fonts The Paragraph Tag Paragraphs-Images Using Lists The Pre Tag Line Break Tag Tables Basics of TablesColspan Rowspan Bgcolor Attribute Background Images Forms Form BasicsCheck Boxes Text Boxes Selection Boxes Frames Basic FramesTarget and Scrolling Search Engines Miscellaneous Buttons with CSSUsing Color Color Chart Using Images Using Templates Uploading HTML pages. HTML-CSS Quizzes | ||||||||
|
The code without text: <table width="400" cellpadding="5" cellspacing="0" border="1">
|
|
|