HTML 태그정리

티스토리 뷰

Programming?/HTML

HTML 태그정리

Erlka 2012. 11. 5. 19:13

1. 기본구조

<head></head> 글 머릿말

<body></body> 본문

<Hn></Hn> 표제 부분에 들어갈 말을 정의. 1~6까지의 숫자를 사용하고 숫자가 커질수록 표제는 작아짐 defalut H4

<!-주석-> 주석을 달거나 잠시 이미지를 보이지 않게 할때 사용

2. 문단 혹은 줄을 바꾸는 태그
 문단을 바꾸는 태그 줄바꿈과 동시에 줄을 띈 것같은 효과
 문단을 바꾸는 태그 줄바꿈의 역할만 수행
<PRE></PRE> 여백이나 줄간격 등을 고정시켜 주는 역할

3. 글자의 크기를 마음대로 조절하는 태그
 글자의 크기를 마음대로 조절. 두의 숫자는 1~7까지며 7이 가장 큰 크기 default 3

4. 선 그리기 태그
<HR align = width = size = > 입체적인 선을 그려줌 align은 선의 정렬 width는 선의 폭 size는 선의 높이

5. 목록을 정리해 주는 태그
<UL></UL> 순서가 없는 목록. 일반적인 나열
<OL></OL> 순서가 있는 목록. 위에서부터 번호 매김
<Menu></Menu> 메뉴 목록으로 그리길지 않은 문장의 열거에 사용
<DIR></DIR> 디렉토리 목록으로 메뉴 목록보다 짧은 문장을 나열
<DL></DL> 정의 목록 태그 <LI>가 아닌<DT>와 <DD>를 사용

6. 문서를 가운데로 정렬시켜 주는 태그
<center></center> 전체 문장을 가운데로 정렬

7. 인용하기 태그
<blockquote></blockquote> 문장 내에서 인용을 할 경우 들여쓰기를 한 후 인용구로 처리

8. 글자의 모양을 정의해 주는 태그

, 굵은 글씨를 나타내 주는 태그
, 이탤릭체의 글씨를 나타내 주는 태그
<KBD></KBD>, <CODE></CODE>, <TT></TT> 타자기체의 글씨를 나타내 주는 태그

9. 배경 이미지 작업하기
<body background=""> 배경 이미지 띄어줌
<body = "#nnnnnn"> 배경 색깔을 지정

10. 그 밖의 태그들
<DFN></DFN> 정의되어지는 단어에 대한 것
<CITE></CITE> 책이나 사진 등의 제목
<SAMP></SAMP> 컴퓨터상에 메세지
<VAR></VAR> 이탤릭체
 첨자에 관함 태그
 윗첨자
<Basepoint>...<Basepoint> 기본적으로 미리 약속된 크기를 다시 정할때 사용

11. 부분을 강조해 주는 태그
<Blink></Blink> 글자를 깜박이게
 글자에 밑줄

12. 연결하기 태그
<A href=""></A> 다른 홈페이지와 연결
<A name=""></A> 자신의 홈페이지 내에서 연결

13. 색상 지정하기
<body text="#nnnnnn"></body> 글자색을 지정
<body link="#nnnnnn"></body> 하이퍼링크의 색을 지정
<body vlink="#nnnnnn"></body> 한번 누른적이 있는 하이퍼링크의 색을 지정
<body alink="#nnnnnn"></body> 누르고 있는 동안의 색을 지정

14. 표 만들기 태그

<table border></table> 표의 전체 형식을 나타냄
<tr><td></td></tr> 표 내부에 들어갈 형식을 정의
<td colspan=n> 가로칸을 n만큼 합쳐줌
<td rowspan=n> 세로칸을 n만큼 합쳐줌
<td align= > 표안의 좌우 정렬 방식을 정의
<td valign> 표안의 상하 정렬 방식을 정의

[출처] HTML 태그 정리|작성자 jjangah

저작자표시

공지사항

최근에 올라온 글

최근에 달린 댓글

Total

Today

Yesterday

링크

TAG more

« 2025/01 »
일	월	화	수	목	금	토
			1	2	3	4
5	6	7	8	9	10	11
12	13	14	15	16	17	18
19	20	21	22	23	24	25
26	27	28	29	30	31

글 보관함

인간의 욕심은 끝이 없고 집에 가고 싶다

티스토리 뷰

HTML 태그정리

티스토리툴바