YYYEJI

[HTML] Table 열, 행 merge 시키는 태그 본문

HTML(or XML) & CSS & JavaScript

[HTML] Table 열, 행 merge 시키는 태그

YEJI ⍢ 2022. 11. 12. 16:26
728x90

Table의 열과 행을 합칠수도 있습니다.

 

rowspan - 행을 merge

colspan - 열을 merge

 

tr - table row 생성

th - table head ( 볼드체, 중앙정렬 )

td - table data ( 기본체, 왼쪽정렬 )

 

<!DOCTYPE html>

<html>
    <table border = "border">
        <tr>
            <td rowspan = "2"></td>
            <th colspan = "3">Number of Students</th>
        </tr>
        <tr>
            <th>Class 1</th>
            <th>Class 2</th>
            <th>Class 3</th>
        </tr>
        <tr>
            <th>Freshman</th>
            <td>30</td>
            <td>32</td>
            <td>28</td>
        </tr>
        <tr>
            <th>Sophomore</th>
            <td>35</td>
            <td>34</td>
            <td>31</td>
        </tr>
        <tr>
            <th>Junior</th>
            <td>29</td>
            <td>31</td>
            <td>30</td>
        </tr>
        <tr>
            <th>Senior</th>
            <td>27</td>
            <td>31</td>
            <td>29</td>
        </tr>
    </table>
</html>

 

'HTML(or XML) & CSS & JavaScript' 카테고리의 다른 글

[PHP] PHP 변수의 Scope  (0) 2022.12.12
[PHP] PHP 출력문  (0) 2022.12.12
[HTML] Table 기본 태그 정리  (0) 2022.11.12
[HTML] Ordered List의 Special Marker  (0) 2022.11.12
[HTML] Unordered List의 Special Marker  (0) 2022.11.12
'HTML(or XML) & CSS & JavaScript' Related Articles more