[HTML]테이블 생성하기

suyeon·2022년 8월 25일
1

HTML

목록 보기
3/9
post-thumbnail
post-custom-banner

테이블 생성하기

   <table border=1>
	<tr>
		<td>1행 1열</td>
		<td>1행 2열</td>
		<td>1행 3열</td>
	</tr>

	<tr>
		<td>2행 1열</td>
		<td>2행 2열</td>
		<td>2행 3열</td>

	</tr>
</table>

  • tr 태그는 행(세로줄)을 나타내고, td 태그는 열(가로줄)을 나타낸다.

  • border 태그는 테두리의 크기를 늘리고 줄일 수 있다.


테이블 안에 이미지 삽입하기

<table border=0>
	<tr>	
		<td><img src="images\logo_1a.gif" width="120" height="180"></td>
		<td><img src="images\logo_2a.gif" width="120" height="180"></td>
		<td><img src="images\logo_3a.gif" width="120" height="180"></td>
		<td><img src="images\logo_4a.gif" width="120" height="180"></td>
		<td><img src="images\logo_5a.gif" width="120" height="180"></td>
	</tr>

</table>

  • 테이블 태그 안에 이미지 경로를 지정하면 테이블 안에 이미지가 삽입된다.
  • 이때 width태그와 height태그를 이용해서 가로의 길이와 세로의 길이를 조절해줄 수 있다.
profile
📖개발블로그📖
post-custom-banner

0개의 댓글