[HTML / table 태그] tr, td 태그 등

<table>

테이블을 만드는 태그

<tr>

테이블의 행을 만드는 태그

<td>

테이블의 열을 만드는 태그

 

아래 등을 이용하여 테이블의 디자인도 변경이 가능하다.

width	테이블 가로 크기
height	테이블 세로 크기
align	정렬
colspan	가로 합병(열 합병)
rowspan	세로 합병(행 합병)

 

예시)

<table>
	<tr>
		<td>상품명</td>
		<td><input type="text" name="title" placeholder="상품명을 입력하세요"></td>
	</tr>
	<tr>
		<td>가격</td>
		<td><input type="text" name="price" placeholder="가격을 입력하세요"></td>
	</tr>
	<tr>
		<td colspan="2">상세정보</td>
	</tr>
	<tr>
		<td colspan="2"><textarea id="summernote"></textarea></td>
	</tr>
	<tr>
		<td colspan="2">
			<button>상품등록</button>
		</td>
	</tr>		
</table>