본문 바로가기

HTML

테이블셋팅 소스

<!-- 중앙에 위치 -->

 <div align="center">

<!-- 컬럼의 넓이 셋팅   -->

<col width="50"><col width="100"><col width="200"><col width="50">

<!-- (가로행)컬럼 병합 colspan -->

 	 <tr>
 	 	<th>성</th>
 	 	<th>이름</th>
 	 	<th>나이</th>
 	 	<!-- (가로행)컬럼 병합 colspan -->
 	 	<th colspan="3">전화번호</th>
 	 	<!-- <th>전화번호</th> -->
 	 </tr>
		<tr>
 	 	<td>홍</td>
 	 	<td>길동</td>
 	 	<td>24</td>
 	 	<td>123-456</td>
 	 	<td>234-567</td>
 	 	<td>345-678</td>
 	 </tr>

 

<!-- (세로열)컬럼 병합 -->

		<tr><!-- (세로열)컬럼 병합 -->
			<th rowspan="2">전화번호</th>
			<td>123-456</td>
		</tr>
		<tr>
			<!-- <th>전화번호</th> -->
			<td>234-567</td>
		</tr>

 

 

테이블 가로선만 보기

<table border="1" rules="rows">

테이블 세로 간격 늘리기(height)

<table border="1" cellpadding="10">

'HTML' 카테고리의 다른 글

Form 실습  (0) 2020.07.07
링크,이미지 소스 / iframe : 웹페이지 안의 웹페이지  (0) 2020.07.07
테이블, 게시판 기본  (0) 2020.07.07
글자, 사진 셋팅 연습문제  (0) 2020.07.06
HTML 글자, 이미지 소스  (0) 2020.07.06