안녕하세요
모빌리티 입니다.
오늘은 표를 만들고 높이 조절을
해 보려고 합니다.
저번 시간에
태그에 대해서는 배우셨으니
바로 실습을 들어가 보도록
하지요.
우선 표를 만들어야죠?
<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
이렇게 행의 높이를 변경할
있으시겠지요?
나눔은 
최고의 기쁨입니다.
이글이 도움이 되셨다면 아래
♡ 빈 하트를 채워주세요.
'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 |
