DEV/html

sample5_css호환/ 게시글 작성_파일 삽입

purple 2020. 1. 8. 19:59

css : html안에 지정해준 스타일들을 밖으로 빼서 파일화 하면 파일.css로 저장되고 외부에서 받아온 css를 직접 만든 html에 적용할 수 있다.

 

적용된 파일 

main : index.html

others : import.css , default.css

 

index

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>

<link rel ="stylesheet" type="text/css" href="./default.css">

</head>
<body>


<table>
<caption> 테이블 타입1</caption>
<colgroup>
     <col style="width:120px">
     <col />
</colgroup>

<tbody>
   <tr>
		<th scope = "row"> 제목 </th>
		<td> <input type ="text" class = "txt"> </td>
	</tr>
	<tr>
		<th scope = "row"> 비밀번호 </th>
		<td> <input type = "password" class = "txt w200"> </td>
	</tr>
	<tr>
		<th scope = "row"> 파일 </th>
		<td> <input type = "file" class = "txt"> </td>
	</tr>
	<tr>
		<th scope = "row"> 자기소개</th>
		<td>
			<div class = "textarea_grp">
				<textarea rows="20" cols="20"></textarea>
			</div>
		</td>
	</tr>
    </tbody>     


</table>

</body>
</html>