1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 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 | <!DOCTYPE html> <html> <head> <title> title TEST </title> <h1 id = "num1"><i> i test, italic h1 test </i></h1> <h2 id = "num2"><b> b test h2 test, bold </b></h2> <h3><small> small test h3 </small> </h3> <h4><sub> sub test,</sub> h4 test</h4> <h5><sup> sup test</sup> h5 test </h5> <h1><ins> ins test</ins> br test </h1> <h1 id = "num3"><del> br test </del></h1> <hr> </head> <body> <ul> <p id = "num4"> p test p test p test p te<br/>st p test p test p test </p> <p><b> p test p test p test p te<hr/>st p test p test p test </b></p> <a href = "#num3"> num3 </a> <br/> <li> <a href = "http://gunu1.tistory.com/manage"> GNU </a> </li> </ul> <ol> <li> </br></li> <li> <a href = "#num1"> GNU </a> </li> <pre> pre! </pre> </ol> <br> <table border = "1"> <thead> <tr> <th colspan ="2">thead 1</th> <td>thead 2</td> </tr> <tr> <th rowspan ="2">thead 3</th> <td>thead 4</td> </tr> </thead> <tbody> <tr> <td>tbody1</td> <td>tbody2</td> </tr> <tr> <td>tbody3</td> <td>tbody4</td> </tr> </tbody> <tfoot> <tr> <td>tfoot1</td> <td>tfoot2</td> </tr> <tr> <td>tfoot3</td> <td>tfoot4</td> </tr> </tfoot> </table> </body> </html> | cs |
이렇게 하면 thead3 의 row가 2개가 되지 않는다 . 왜냐하면
thead 4밑에 올 수 있는 게 없기 때문에 표현이 되지 않는다 ,
그래서 thead 밑에 올 수 있는 것은 만들어서 빈곳으로 두지 않아야 한다.
1 2 3 4 5 6 7 8 9 10 11 | <thead> <tr> <th colspan ="2">thead 1</th> <td>thead 2</td> </tr> <tr> <th rowspan ="2">thead 3</th> <td>thead 4</td> </tr> <tr><td>thead +</td></tr> </thead> | cs |
출력 결과
'HTML > HTML Concept' 카테고리의 다른 글
| [HTML] 입력 양식태그 (0) | 2018.04.17 |
|---|---|
| [JavaScript] jsp (0) | 2018.03.30 |
| [HTML] 구조 (0) | 2018.03.20 |
| [HTML] 하이퍼링크 (0) | 2018.03.20 |
| [HTML] 태그 (0) | 2018.03.20 |
