반응형

[HTML #16] 표를 만들고 높이 조절

반응형

안녕하세요

모빌리티 입니다.

 

오늘은 표를 만들고 높이 조절을

보려고 합니다.

 

 

저번 시간에

태그에 대해서는 배우셨으니

 

바로 실습을 들어가 보도록 

하지요.

 

우선 표를 만들어야죠?

 

 <HTML>

     <HEAD>

          <TITLE> 표 만들기 </TITLE>

      </HEAD>

         <BODY>

           <TABLE>

              <TR>

                <TD> 1행 1열</TD>

              </TR>

               <TR>

                <TD> 2행 1열</TD>

              </TR>

           </TABLE>

         </BODY>

</HTML>

 

이렇게 표가 완성이 되었는데

이렇게만 하면 표에 테두리가

없어서 이게 표인지 아닌지 구분이

어렵습니다. 그래서 이 표를 정렬하고

또한 테두리를 넣어서 표로 인식을

쉽게 할 수 있도록 해 보지요.

 

 <HTML>

     <HEAD>

          <TITLE> 표 만들기 </TITLE>

      </HEAD>

         <BODY>

           <TABLE align="center" width="200" border="2">

              <TR>

                <TD> 1행 1열</TD>

                <TD> 1행 2열</TD>

              </TR>

               <TR>

                <TD> 2행 1열</TD>

                <TD> 2행 2열</TD>

              </TR>

           </TABLE>

         </BODY>

</HTML>         

여기에서 마무리 하시면 안되고요

저번시간에 TD속성에 대해서도

배웠습니다. 기억 하실련지?

 

 

네 행의 높이 속성을 변경이

가능하다는 것입니다.

 

 <HTML>

     <HEAD>

          <TITLE> 표 만들기 </TITLE>

      </HEAD>

         <BODY>

           <TABLE align="center" width="200" border="2">

              <TR>

                <TD height="100" align="center"> 1행 1열</TD>

                <TD align="center"> 1행 2열</TD>

              </TR>

               <TR>

                <TD align="center"> 2행 1열</TD>

                <TD align="center"> 2행 2열</TD>

              </TR>

           </TABLE>

         </BODY>

</HTML>   

이렇게 해줌으로

행의 높이를 조절 할 수 있습니다.

 

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

이렇게 행의 높이를 변경할

있으시겠지요?

 

 

 

 

 나눔은 

최고의 기쁨입니다.

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

빈 하트를 채워주세요.

728x90
반응형

'IT' 카테고리의 다른 글

[HTML #17] 셀 합치기  (0) 2017.06.22
[뉴 앱] 보컬트레이너  (0) 2017.06.21
[HTML #15] 표를 만드는 TABLE  (0) 2017.06.20
[HTML # 14] 이미지에 링크 넣기  (0) 2017.06.19
[HTML #13] 이미지 태그 IMG  (0) 2017.06.18

이 글을 공유하기

댓글(0)

Designed by JB FACTORY