안녕하세요 모빌리티 입니다.
오늘은 표를 만들어서 그 안에
있는 셀을 합쳐 보려고 합니다.
지금까지 잘 따라와 주셔서 감사합니다.
남은시간도 잘 부탁드립니다.
오늘의 키워드
"colspan & rowspan"
바로 실습으로 가시죠
<HTML>
<HEAD>
<TITLE> 가로 셀 합치기 </TITLE>
</HEAD>
<BODY>
<TABLE align="center" width="200" border="2">
<TR>
<TD colspan="2" > 1행 1열</TD> 2개의 셀을 합칩니다. 3개를 합치시려면, 2를 3으로 수정
</TR>
<TR>
<TD > 2행 1열</TD>
<TD > 2행 2열</TD>
</TR>
</TABLE>
</BODY>
</HTML>
이번엔 세로 셀을 합쳐
보도록 할까요?
<HTML>
<HEAD>
<TITLE> 세로 셀 합치기 </TITLE>
</HEAD>
<BODY>
<TABLE align="center" width="200" border="2">
<TR>
<TD > 1행 1열</TD>
<TD rowspan="2"> 1행 2열</TD>
</TR>
<TR>
<TD > 2행 1열</TD>
</TR>
</TABLE>
</BODY>
</HTML>
이렇게 가로 세로의 셀을
모두 합칠 수 있게 되었습니다.
2017/06/20 - [컴퓨터/HTML] - [HTML #15] 표를 만드는 TABLE
2017/06/21 - [컴퓨터/HTML] - [HTML #16] 표를 만들고 높이 조절
메모장에 붙여 넣기 하셔서 테스트
해 보시면 감사하겠습니다.
나눔은
최고의 기쁨입니다.
이글이 도움이 되셨다면 아래
♡ 빈 하트를 채워주세요.
'IT' 카테고리의 다른 글
[HTML #18] 셀안에 여백 주기 (0) | 2017.06.23 |
---|---|
[새로운앱] 오늘의 꿀팁!! (0) | 2017.06.22 |
[뉴 앱] 보컬트레이너 (0) | 2017.06.21 |
[HTML #16] 표를 만들고 높이 조절 (0) | 2017.06.21 |
[HTML #15] 표를 만드는 TABLE (0) | 2017.06.20 |