HTML 태그를 정리하기에 앞서 먼저 HTML의 기본적인 특징을 기억하자!
HTML 파일의 확장자는 *.htm 또는 *.html이다.
HTML 파일은 텍스트 파일이므로 메모장 등에서 작성하면 된다.
단 웹브라우저에서 한글이 깨질 수도 있으므로 인코딩 방식은 UTF-8로 지정한다.
HTML 태그는 대부분 <> 안에 쓴다.
HTML은 대문자와 소문자를 구분하지 않는다.
HTML 파일은 <HTML> 태그로 시작해서 </HTML> 태그로 닫는다.
HTML 파일의 기본구조
형식:
<HTML>
<HEAD>
화면에 표시되 않는 정보(타이틀, 인코딩 정보 등)
</HEAD>
<BODY>
화면에 보이는 본체(주로 태그들을 표현 )
</BODY>
</HTML>
전체 코드는 <HTML>~</HTML> 태그로 감싸져 있어야 한다.
화면에 표시되지 않는 정보를 <HEAD>~</HEAD> 안에 표현하고 화면에 표시되는 정보는 <BODY>~</BODY> 안에 표시한다.
<HEAD>에는 <TITLE>제목</TITLE>이 가장 많이 사용되는데, 웹브라우저의 타이틀바에 표시되는 웹페이지의 제목을 표시한다.
많이 사용하는 HTML 태그들
<META> : 웹페이지의 정보 설정, 검색엔진에게 문서의 내용요약, 언어 정의 등에 사용된다.
<META> 태그는 <HEAD> 영역에 표시된다.
ex) <META http-equiv="content=type" content="text/html; charset=utf-8">
<CENTER></CENTER> : 가운데 정렬
-align : 정렬하기(left/center/right)
<UL>~</UL> : 순서가 없는 목록, 일반적인 나열
<OL>~</OL> : 순서가 있는 목로, 위에서부터 번호매김
<BR> : 글자의 줄을 바꿔준다.
<U>~</U> : 글자에 밑줄
<STRONG>~</STRONG), <B>~</B> : 굵은 글씨
<I>~</I>, <EM>~</EM>, <VAR></VAR>: 이탤릭체
<FONT>~</FONT> : 글자의 크기나 색상을 지정한다.
ex) <FONT color='red' size='10' face='고딕'> </FONT>
<HR> : 수평선을 그어준다. <HR size='픽셀수'>는 픽셀수의 폭으로 선을 그어준다.
ex) <HR size='10'>
<A>~</A> : 클릭하면 다른 페이지로 간다. 주로 href 속성으로 연결된 홈페이지를 지정한다.
ex) <A href='http://www.tistory.com'></A>
<IMG> : 이미지 파일을 화면에 표시한다.
ex) <IMG src='mouse.png' width=100 height=100>
<TABLE>~</TABLE>, <TR>~</TR>, <TH>~</TH>, <TD>~</TD> : 표를 만드는 태그들이다.
<TABLE>~</TABLE> 태그가 테이블의 범위를 설정한다.
<TR>~</TR>는 행을, 행 안에 열이 <TH>~</TH> 또는 <TD>~</TD>로 구성한다.
<TH>는 제목 열을 표현해서 두꺼운 글씨체로 보여지며, <TD>는 일반 열로 표현된다.
ex) <TABLE border=1>
<TR>
<TH>아이디</TH>
<TH>이름</TH>
</TR>
<TR>
<TD>ZZIKKE</TD>
<TD>찌꺼</TD>
</TR>
</TABLE>
