도드넷
유용한 HTML 기본지식및 명령어 모음 ^오^ 본문
포스팅이나 웹페이지 수정시 알고있으면 유용한 HTML 기본지식및 명령어를 모아봤스빈다 ㅇㅇ;
1. HTML 문서를 구성하는 모든 명령어들을 태그라고 한다.
2. 태그는 일반적으로 <태그이름> </태그이름>으로 쌍으로 구성된다.
3. <HTML> ... </HTML> : HTML문서의 시작과 끝.
4. <HEAD> ... </HEAD> : 머릿말 태그
5. <TITLE> ... </TITLE> : 문서의 제목을 입력 [머릿말 태그안에 쓰임]
4. <BODY> ... </BODY> : 본문에 정보를 표시
- <BODY BACKGROUND="A.jpg"> : 본문의 배경에 A.jgp 라는 그림을 배경으로 씀
- <BODY BGCOLOR="A"> : 본문의 배경을 A 색으로 함 (A = #000000)
- <BODY TEXT="B"> : 본문의 텍스트의 색을 B 색으로 함
5. <br> : 한칸 띄움
6. <nobr> : 문서너비와 상관없이 띄우지 않음.
* HTML 문서는 보통 문서너비에 맞춰 자동으로 줄을 넘겨줌. <nobr> 쓰면 그냥 ㄱㄱ
7. <HR> : 줄을 그음
- SIZE : 선의 두께 - 값 : 픽셀수 또는 퍼센트
- WIDTH : 선의 길이 - 값 : 픽셀수 또는 퍼센트
- ALIGN : 선의 위치 - 값 : center, right, left
- NOSHADE : 선에 음영이 없도록함
- 예 : <HR SIZE="A" WIDTH="B" ALIGN="center" NOSHADE>
8. <FONT SIZE = "숫자"> ... </FONT>
- 8번과 마찬가지 <BODY> 안에 기술된 텍스트들의 크기를 정하는 태그.
11. <ACRONYM title = "A"> ... </ACRONYM>
- 약자를 정의하기위한 태그, 웹브라우저의 표시된 글자에 마우스를 가져가면 그에 대한 원래 문장을 표시한다. (숨겨진 내용 : A, 표면 내용 : ... )
12. <B> ... </B>
- 굵게
13. <S> ... </S>
- 글자 위에 줄 쫙! 긋기
14. <I> ... </I>
- 글자 휘게 (이텔릭체)
15. <U> ... </U>
- 밑줄 쫙!
16. <FONT FACE ="A"> ... </FONT>
- ... 의 내용을 A 폰트로, B 색깔로 표시함.
17. <BLOCKQUOTE> ... </BLOCKQUOTE>
- ... 을 "인용구"로 표시함 = ... 안의 내용을 TAB 한것처럼 한번 뛰어서 표시함
18. <XMP> ... </XMP> / <PRE> ... </PRE> / <LISTING> ... </LISTING>
- XMP는 안의 내용안에 태그를 일반 텍스트처럼 그냥 표시함, <PRE>는 태그정상화, 일반문서와 동일. <LISTING>은 <PRE>와 동일하지만 글씨가 작아짐 -_-;;
19. <Center> ... </Center>
- 중앙 정렬
20. <P ALIGN="A"> ... </P>
- ... 는 한 문단, ALIGN = RIGHT / LEFT / CENTER (문단 정렬)
'창고 > 정보' 카테고리의 다른 글
| 영어단어 잘외우는 법 - 구글 이미지검색 (0) | 2014.06.23 |
|---|---|
| 모니터 닦는 법 - 모니터 얼룩 청소법 (0) | 2014.06.14 |
| 윈도우 콘솔 폴더이동 - 도스창 사용법 (2) | 2014.06.01 |
| 콘솔 여는법 - 윈도우 도스창 (0) | 2014.06.01 |
| 공유기 설정하는 법 - DMZ 설정 (5) | 2014.06.01 |