컴퓨터/쇼핑몰/컴퓨터 공부
HTML 태그 정리 (TAG 명령어)
꿀 곰
2010. 8. 1. 12:06
HTML태그를 아는대로 정리해봤다.
뭐 워낙에 많아서 다 표현하지는 못할거 같고, 별로 쓰이지 않는 태그들은 생략하고 하다보니 많이 간추려 졌다.
HTML중 <Form> 관련태그는 중요하므로 다음강좌에 차차 설명하도록 하고
일단은 대략적인 모양새랑 쓰임새를 보도록 하자.
(생각이 안나서 검색도 하면서 쭈욱 적어봤는데, 별의 별 태그들이 다 있더라. 참고로 나는 반의 반도 모르는것 같다 -.,-)
| 시작표기 | 끝 표기 | 설명 |
| <Html> | </Html> | Html의 시작과 끝을 알린다. |
| <Head> | </Head> | Html문서의 머릿말이라고 할수 있다. |
| <Title> | </Title> | 브라우저의 상태바에 나타낼 이름을 정의한다. |
| <Body> | </Body> | 본문의 시작을 알린다. |
| <!- | -> | 주석처리를 알린다. 사이에 들어가는 내용들은 |
| 소스보기에서는 보이지만 실제 브라우저에서는 안보인다. | ||
| <P> | 줄바꿈과 동시에 한 줄이 두개의 단락으로 분리된다. | |
| <Br> | 줄바꿈을 하지만 그 단락은 하나로 묶여 있다. | |
| <Pre> | </Pre> | Html의 문서를 작성시의 문서로 보관한다. (고정의 역할) |
| <Font> | </Font> | 폰트에 속성을 부여할 시작을 알린다. |
| <Font Size=""> | </Font> | "" 속에 폰트의 크기를 입력한다. 1~7 까지 표현이 가능하며 기본값은 3 이다. |
| <Font Color=""> | </Font> | "" 속에 폰트의 색을 입력한다. 기본적으로 내장된 객체를 사용할수 있으며(Red,Blue,White 등) RGB 컬러를 입력할수 있다. |
| (#ff0000,#cccccc,#ffffff 등) | ||
| <Hr> | <Hr Align="" Width="" Size=""> | 브라우저에 줄을 표시한다. Align은 정렬을,Width는 좌우크기를 Size는 줄의 굵기를 나타낸다. |
| <Hr> | <Hr Align="" Width="" Size=""> | 브라우저에 줄을 표시한다. Align은 정렬을,Width는 좌우크기를 Size는 줄의 굵기를 나타낸다. |
| <Center> | </Center> | 사이에 들어가는 모든 객체를 가운데로 정렬한다. |
| <Strong> | </Strong> | 글짜를 굵게 표현한다. |
| <B> | </B> | 글짜를 굵게 표현한다. |
| <Em> | </Em> | 글짜를 Italic 체로 표현한다. |
| <I> | </I> | 글짜를 Italic 체로 표현한다. |
| Background="" | 배경에 이미지 경로를 삽입할수 있다. | |
| Body,Table,Tr,Td 등 여러군데 삽입이 가능하다. | ||
| Bgcolor="" | 배경에 색상을 삽입할수 있다. | |
| Body,Table,Tr,Td 등 여러군데 삽입이 가능하다. | ||
| <Blink> | </Blink> | 글짜를 깜빡이게 해준다. |
| <U> | </U> | 글짜에 밑줄을 그어준다. |
| Underline의 약자로 보인다. | ||
| <A Href=""> | </A> | 객체에 하이퍼링크 속성을 부여한다. |
| 클릭시 정의된 주소로 페이지가 이동하며 | ||
| 그 기본값은 "_Self" 다. | ||
| Target="" | Target="_Parent" 한프레임 위로 주소를 이동한다. | |
| Target="_Blank" 새창으로 주소를 연다. | ||
| Target="_Self" 현재페이지에서 주소를 이동시킨다. | ||
| Target="_Top" 포함된문서에서 가장 상단의 프레임의 주소로 페이지를 이동시킨다. | ||
| <A name=""> | </A> | 현재 보고 있는 페이지에서 지정된 이름을 가진 갈고리 TAG소스로 이동한다. |
| <Table> | </Table> | 테이블의 시작과 끝을 알린다. |
| <Tr> | </Tr> | 줄의 시작과 끝을 알린다. |
| <Td> | </Td> | 칸의 시작과 끝을 알린다. |
| Colspan="" | 가로칸을 "" 속의 수만큼 합친다. | |
| Rowspan="" | 세로칸을 "" 속의 수만큼 합친다. | |
| <Td Align="" | 칸 속에 정렬방식을 지정한다. (좌우) | |
| Center,Left,Right | ||
| <Td Valign="" | 칸속에 정렬방식을 지정한다. (상하) | |
| Top,Middle,Bottom,Baseline | ||
| <Img src=""> | </Img> | 이미지태그의 시작과 끝을 알린다. |
| <Img src="" Align=""> | 이미지의 정렬방식을 지정한다. | |
| <Img src="" Width=""> | 이미지의 좌우 크기를 지정한다. | |
| <Img src="" Height=""> | 이미지의 높이 크기를 지정한다. | |
| <Img src="" Vspace="" Hspace=""> | 이미지의 여백을 지정한다. | |
| <Img src="" Border=""> | 이미지의 테두리선을 지정한다. | |
| <Imf src=""Alt=""> | 이미지가 해당 경로에 위치하지 않을경우 "" 속에 적힌 글짜로 대처되며, 화면을 설명하기 위해 사용되기도 한다. |
간략한 태그이며 공부하기에도 별 무리 없어 보인다.
Html태그의 기본이 없으신분들은 하나하나씩 적어보면서 그 결과물을 보도록 하자.
그럼 어느샌가 태그 고수가 되어 있을것이다.
Ps) 얼핏봐도 Css나 Javascript에서 표현가능한 동적화면의 표현은 전혀 보이지 않는다. -ㅂ-