tailieunhanh - Brilliant HTML & CSS- P6

Tham khảo tài liệu 'brilliant html & css- p6', công nghệ thông tin, kỹ thuật lập trình phục vụ nhu cầu học tập, nghiên cứu và làm việc hiệu quả | Creating a liquid layout using a table You aren t restricted to using CSS for page layout. Tables despite being considered old-fashioned are still viable alternatives for page layout. You can put anything in a table data cell use this fact to create HTML pages that use a table to provide structure rather than CSS and div elements. Cross reference Task steps Q Save using a different name. Q Create a table and assign it an id. 18 B Create a table header and insert one row and one cell that has a column span of two columns. Add the title of the page to the table data cell. 20 Create a table body and insert one row with two cells. 29 El Make the first cell s width 30 and add an unordered list as the content. 30 Add several paragraphs to the second cell. 50 Q Add a table footer. In the footer create one row with one cell. Assign the cell a columnspan of two. 24 Q Add links to the cell. 26 El Apply CSS formatting to several of the page s elements. Try making backgrounds different colours. See tasks task_other fluid_fixed for completed example. The results are straightforward. The table provides a fluid page layout for the web page. 1 DOCTYPE HTML PUBLIC - W3C DTD HTML Transitional EN 3 http TR html4 4 html 5 head 6 title Table - Liquid Layout title 7 style type text css 8 body background tan 9 tux margin 5px float left 10 navbar li font-size large 11 hl p margin 10px 12 table main background tan height 100 13 width 100 14 tfoot thead background whitesmoke 15 style 16 head 17 body 18 table id main frame box 19 rules all 20 thead 21 tr td colspan 2 h1 Popular Open- 22 Source Operating Systems td tr 23 thead 24 tfoot 25 tr td colspan 2 align center span 26 id navbar Home Link Link Link 27 Link span td tr 240 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 tfoot tbody tr td width 30 ul li img src . images Free BSD li li img src . images .