으나님의 잡다한 개발상식
(HTML)기초 본문
(1) <HTML></HTML>
HTML 문서의 시작과 끝을 의미하는 태그로서 작성된 문서가 HTML을 사용한 문서임을 나타낸다.
즉 <HTML> 태그 안에 <HEAD></HEAD>와 <BODY></BODY> 태그가 차례로 위치한다.
|
※ 태그 '<'와 '>' 사이에 태그의 이름을 적어 태그로 구분한다. 이때 대소문자는 구분하지 않아도 되지만 대부분 태그는 대문자로 작성한다. 속성값을 줄 때에는 큰따옴표("")를 사용해도 되고, 사용하지 않아도 된다. |
<HTML>
<HEAD>
<TITLE>
//맨 위에 있는 창 이름, 없으면 없는 것)
</TITLE>
<META>
//설정에 관한 것
</META>
<SCRIPT>
//자바스크립트
</SCRIPT>
<STYLE>
//CSS(디자인과 관련)
</STYLE>
</HEAD>
<BODY>
</BODY>
</HTML>
(2) <BODY></BODY>
익스플로러 창에 나타나는 부분은 모두 <BODY></BODY> 안에 들어간다.
따라서 코딩하는 내용은 모두 이 안에 들어가야 한다.
(3)<!-- 내용 입력 -->
내용 입력부분에 주석으로 달 부분을 입력하면 된다.
(4) 테이블
<tr> : 행(세로)
<td> : 열(가로)
<HTML>
<HEAD>
</HEAD>
<BODY>
<table>
<tr><td></td> </tr>
<tr><td></td> </tr>
<tr><td></td> </tr>
<tr><td></td> </tr>
</table>
</BODY>
</HTML>
(5) 초기화
<HTML>
<HEAD>
</HEAD>
<BODY>
<form>
<input type="reset" value="초기화">
</form>
</BODY>
</HTML>
다음과 같은 버튼이 생기며 <form>으로 감싸진 부분이 버튼을 누르는 순간 초기화됨
(6) Frameset
웹페이지를 나눌 때 사용(화면 분할)
현재는 사용하지 않으나 알아두어야 한다(HTML5에서는 <div> 태그 사용)
<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>Insert title here</title>
</head>
<frameset border=2 framespacing=4 rows="100,350,*" frameborder=yes>
<frame src="top.html" name="top">
<frameset cols="20%, *">
<frame src="left.html" name="left">
<frame src="right.html" name="right">
</frameset>
<frame src="bottom.html" name="bottom">
</frameset>
</html>