카테고리 없음

HTML 2

장꾸꾸 2020. 10. 28. 14:55

1, 2 비교

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<table border="1">
	<caption>교재 가격표</caption>
		<tr>
			<th>서적명</th>
			<th>출판사</th>
			<th>가격</th>
			<th>기타</th>
		</tr>
		<tr>
			<td colspan="2">합계</td>
			<td>75,000원</td>
			<td>&nbsp;</td>
		</tr>
		<tr>
			<td>HTML5</td>
			<td>공갈닷컴</td>
			<td>55,000</td>
			<td rowspan="2"></td>
		</tr>
		<tr>
			<td>JavaScript</td>
			<td>야메루출판사</td>
			<td>20,000</td>
		</tr>
</table>	
</body>
</html>

 

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<table border="1">
	<caption>교재 가격표</caption>
		<thead>
		<tr>
			<th>서적명</th>
			<th>출판사</th>
			<th>가격</th>
			<th>기타</th>
		</tr>
		</thead>
		<tfoot>
		<tr>
			<td colspan="2">합계</td>
			<td>75,000원</td>
			<td>&nbsp;</td>
		</tr>
		</tfoot>
		<tbody>
		<tr>
			<td>HTML5</td>
			<td>공갈닷컴</td>
			<td>55,000</td>
			<td rowspan="2"></td>
		</tr>
		<tr>
			<td>JavaScript</td>
			<td>야메루출판사</td>
			<td>20,000</td>
		</tr>
		</tbody>
</table>	
</body>
</html>

 

 

 

iframe

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<iframe src="ex01_01.html" width="200px" height="300px">
	<p>이 브라우저는 iframe을 지원하지 않습니다</p>
</iframe>
</body>
</html>
<!-- 
iframe: html에서 일정한 영역을 할당해서 삽입하는 프레임
 -->