반응형

[HTML #17] 셀 합치기

반응형

안녕하세요 모빌리티 입니다.

 

오늘은 표를 만들어서 그 안에

있는 셀을 합쳐 보려고 합니다.

지금까지 잘 따라와 주셔서 감사합니다.

 

남은시간도 잘 부탁드립니다.

 

오늘의 키워드

"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>   



이렇게 가로 세로의 셀을

모두 합칠 수 있게 되었습니다.

표 셀합치기 예제.txt

 

 

2017/06/20 - [컴퓨터/HTML] - [HTML #15] 표를 만드는 TABLE

2017/06/21 - [컴퓨터/HTML] - [HTML #16] 표를 만들고 높이 조절

 

메모장에 붙여 넣기 하셔서 테스트

해 보시면 감사하겠습니다.

 

 나눔은 

최고의 기쁨입니다.

이글이 도움이 되셨다면 아래

빈 하트를 채워주세요.

 

728x90
반응형

'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

이 글을 공유하기

댓글(0)

Designed by JB FACTORY