<HR> <HR ALIGN= WIDTH= SIZE=> 입체적인 선 그림. ALIGN 선 정렬, WIDTH 선 폭, SIZE 선 높이 지정. 5. 글자의 모양을 정의해 주는 태그 <STRONG> <STRONG>...</STRONG> 굵은 글씨를 나타내 주는 태그. <B> <B>...</B> <U> <U>...</U> 글자에 밑줄 긋기. <EM> <EM>...</EM> 이탤릭체의 글씨를 나타내 주는 태그. <i> <I>...</I> <KBD> <KBD>...</KBD> 타자기체의 글씨를 나타내 주는 태그. <CODE> <CODE>...</CODE> <TT> <TT>...</TT> <DFN> <DFN>...</DFN> 정의되어지는 단어에 대한 것. <CITE> <CITE>...</CITE> 책이나 사진 등의 제목 지정. <SAMP> <SAMP>...</SAMP> 컴퓨터상에 메시지 표현. <VAR> <VAR>...</VAR> 이탤릭체로 표현. <SUB> <SUB>...</SUB> 아래 첨자에 관한 태그. <SUP> <SUP>...</SUP> 윗 첨자.
<ins> <ins> .. </ins> 믿줄 긋기(inserted text)= <u> <del> <del> ... </del> 중간선 글씨(deleted text)
<BASEPOINT> <BASEPOINT>... <BASEPOINT> 기본적으로 미리 약속된 크기를 다시 정할 때 사용.
<BLOCKQUOTE> <BLOCKQUOTE>... </BLOCKQUOTE> 문장 내에서 인용을 할 경우 들여쓰기를 한 후 인용구로 처리. 6. 목록을 정리해 주는 태그 <LI> <UL>...</UL> 순서가 없는 목록으로 일반적인 나열. <OL>...</OL> 순서가 있는 목록으로 위에서부터 번호 매김. <DL>...</DL> 정의 목록 태그. <LI>가 아닌 <DT>와 <DD>를 사용. 7. 문서를 가운데로 정렬시켜 주는 태그
<CENTER> <CENTER>... </CENTER> 전체 문장을 가운데로 정렬. 인용하기 태그
8. 이미지 다루기에 필요한 태그
<IMG>
<IMG SRC="..."> 이미지를 정의.
<IMG SRC="..." WIDTH="..." HEIGHT="..."> 이미지의 크기 조절. <IMG SRC=“...” usemap=“...”> 이미지 맵에 사용될 이미지 지정 <IMG SRC="..." ALT="..."> 이미지가 전송되지 않았을 경우에 글자로 대체.
HTML4.01/5 태그 요약표
형 식
구 성
내 용
1. 문서의 기본 구조를 나타내 주는 태그 <HTML> <HTML>...</HTML> HTML 언어로 작성되어 있다는 것을 알려줌<HEAD> <HEAD>...</HEAD> Heading의 준말로 글의 머리말에 해당.
<BODY> <BODY>...</BODY> 본문에 해당하는 부분을 알려줌
2. 헤더부 내에서만 정의되는 태그
<TITLE> <TITLE>...</TITLE> 타이틀바에 새겨질 글자를 정의
<base> <base> ~ </base> 현 웹 문서 내 모든 링크에 대한 기본 주소 또는 기본 타겟 정의 <link> <link> ~ </link> 현 웹 문서와 외부 관련 파일과의 관계 정의
<meta> <meta> ~ <meta> 현 HTML 문서의 메타데이터 정의 <script> <script> ~ </script> 클라이언트 측 스크립트 정의 <style> <style> ~ </style> 현 웹 문서의 스타일 정보 정의
<!- ... --> <!- 주석내용 --> 주석을 달거나 잠시동안 이미지를 보이지 않게 할 때 사용. 3. 문단 혹은 줄을 바꾸는 태그 <Hn> <Hn>...</Hn> 제목글 정의. n=1~6 까지 숫자 사용. 숫자가 커질수록 표제는 작아짐. 기본값은 H4. <P> <P> ~ </p> 문단을 바꾸는 태그. 줄바꿈과 동시에 줄을 띤 것같은 효과. <BR> <BR> 문단을 바꾸는 태그입니다. 줄바꿈의 역할만 수행. <PRE> <PRE>...</PRE> 여백이나 줄간격 등을 고정시켜 주는 역할. 4. 선그리기 태그 9. 이미지 맵 처리 태그
<MAP> <MAP NAME=...> ...</MAP> 이미지맵을 정의.
<AREA> <area shape=“..” coords=“...” href=“..”
target=“..” alt=“..”> ...</area> 이미지맵 내 클릭 가능한 영역을 정의. 10. 비디오 삽입 관련 태그(HTML5)
<VIDIO> <video width=“..“ height=”..“ controls> ..
</video> 비디오 또는 Movie 지정
<SOURCE> <source src=“..” type=“video/...”> 멀티미디어 리소스(mp4, webm, ogg) 지정 11. 오디오 삽입 관련 태그(HTML5)
<AUDIO> <audio controls> .... </audio> 사운드 콘텐츠 지정
<SOURCE> <source src=“..” type=“audio/...”> 지원가능 오디오 타입(mp3, ogg, wav) 12. 연결하기 태그
<A> <A href="..." target=“...”>...</A> 다른 홈페이지와 연결(anchor). <A name="...">...</A> 자신의 페이지 내에서 연결(name anchor). <ADDRESS> <ADDRESS>... </ADDRESS> 주소에 대한 정의.
<MAILTO> <A HREF="MAILTO..."> 편지쓰기 창을 출력. 13. 표 만들기 태그
<TABLE>
<TABLE BORDER>... </TABLE> 표의 전체 형식 지정. <TR><TD></TD></TR> 표 내부에 들어갈 형식을 정의 <TD COLSPAN=n> 가로칸을 n만큼 합침. <TD ROWSPAN=n> 세로칸을 n만큼 합침. <TD ALIGN=...> 표 안의 좌우 정렬 방식 정의. <TD VALIGN=...> 표 안의 상하 정렬 방식 정의. 14. 웹 문서 배치(layout) 태그 <DIV> <DIV>...</DIV> 문서 내 블록 레벨 섹션 지정 <SPAN> <SPAN>...</SPAN> 문서 내 인라인 섹션 지정 15. CGI 양식 첨가하기 <FORM> <FORM>...</FORM> 양식 정의.
<FORM METHOD="..." ACTION="..."> 양식의 방법 정의. <TEXTAREA> <TEXTAREA NAME="..." ROWS="..."> 글틀 상자 정의.
<INPUT>
<INPUT TYPE="..."> 어떤 형태로 입력할 것인지를 정의. <INPUT TYPE="RADIO"> 라디오 단추 만듬.
<INPUT TYPE= "CHECKBOX"> 체크 상자 만듬. <INPUT TYPE= "SUBMIT"> 제출 버튼 만듬. <INPUT TYPE="RESET"> 취소 버튼 만듬. <SELECT> <SELECT NAME="..."> 선택 사항 상자 만듬. 16. 창만들기 태그 <FRAME> <FRAMESET>... </FRAMESET> 창의 기본 틀을 지정. <FRAMESET ROW= "숫자 혹은 %"> 위 아래로 나눔. <FRAMESET COLS= "숫자 혹은 %"> 좌우로 나눔 <FRAME SRC="..." MARGINWIDTH="..."> 창에 들어갈 좌우 여백 정의. <FRAME SRC="..." MARGINHEIGHT="..."> 창에 들어갈 상하 여백 정의. <FRAME SCROLLING= "...> 스크롤바를 설정. <NOFRAMES>... </NOFRAMES> 프레임이 안보이게 설정. 17. 배경 이미지 작업하기
<BODY> <BODY BACKGROUND="..."> 배경 이미지 지정. <BODY BGCOLOR="#nnnnnn"> 배경 색깔을 지정. 18. 색상 지정하기
<BODY>
<BODY TEXT= "#nnnnnn">...</BODY> 글자색을 지정. <BODY LINK= "#nnnnnn">...</BODY> 하이퍼링크의 색을 지정.
<BODY VLINK= "#nnnnnn">...</BODY> 한 번 누른적이 있는 하이퍼링크의 색을 지정. <BODY ALINK= "#nnnnnn">...</BODY> 누르고 있는 동안의 색을 지정.