웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
[HTML] 기초적인 태그모음 #2
2002.02.26 12:08
기초태그모음#2
태그이름 형식이 이미 지정된 문장을 표현하기
<PRE> HTML문서를 작성하면서 가장 힘든것이 바로 지정한대로 표현하지 못한 어려움이 있다.
예) 하이테크 <PRE> 웹 사 이트를 창조 하 는 맨 든 사 람 들</PRE>
태그이름 Superscript
<SUP> 윗첨자
예) 하이테크 웹 <SUP>사이트를 창조하는</SUP> 고야넷
태그이름 Subscript
<SUB> 아랫첨자
예) 하이테크 웹<SUB>사이트를 창조하는</SUB> 고야넷
태그이름 사이띄개
HTML문서를 작성하는 것은 어찌보면 워드프로세서와 같다고 볼수 있다. 그러나 사이띄개를 할수 없는 불편함이 다소 많을 것이다. 아무리 스페이스키를 누른다고 막상 브라우저를 통해 볼경우에는 그렇게 보이질 않을 것이다. 이러한 현상은 모든 Space, Tab, Enter키를 1byte로 HTML문서가 인식하기 때문이다. 그래서 공백을 아무리 많이 주어도 브라우저에서는 인식하지 못한다.
예) 하이테크 웹 사이트 를 창조하는 고야넷
결과) 하이테크 웹 사이트 를 창조하는 고야넷
태그이름 글꼴을 표현한다.
<FONT> 글꼴, 모양을 달리 표현하고자 할때 다음과 같이 표현하면 된다.
예) <FONT COLOR=WHITE>색을 흰색으로 표현하기</FONT>
<FONT SIZE=5>글자를 5로 키우기</FONT>
<FONT TYPE=궁서체>글꼴을 궁서체로 표현하기</FONT>
태그이름 주소, 서명 입력(Address)
<ADDRESS> HTML문서내에 사용자의 주소 및 서명을 넣을때 사용하는데, E-Mail이나 주소를 넣어주면 된다.
예) <ADDRESS>
Copyrightⓒ1998-1999 Manden. All rights reseverd<BR>
Author Information : Pviper@unitel.co.kr<BR>
Last Modfied Date : 1998. 9. 6
</ADDRESS>
태그이름 Horizontal Line
<HR> 홈페이지를 구경하다보면 간혹 중간에 줄이 그어져 있는 것을 볼것이다. 말그대로 수평선을 긋는 기능이다.
예) <hr>
<hr size=6>
<hr noshade width=50% >
<hr width=50% color=Fuchia>
<hr width=50 align=right>
태그이름 정렬하기-1
<CENTER> 가운데 정렬
예) <CENTER>가운데로 글자를 정렬합니다.</CENTER>
태그이름 정렬하기-2
<RIGHT> 오른쪽정렬
예) <RIGHT>오른쪽으로 글자를 정렬합니다.</RIGHT>
태그이름 정렬하기-3
<REFT> 왼쪽정렬하기
예) <REFT>왼쪽으로 글자를 정렬합니다.</REFT>
결과) 왼쪽으로 글자를 정렬합니다.
위 세가지 명령어는 글자뿐만아니라 HTML문서에 들어가는 모든 요소에 해당이 되는 사항이므로 잘 기억해 두는 것이 좋다.
출처 : 태그대학
태그이름 형식이 이미 지정된 문장을 표현하기
<PRE> HTML문서를 작성하면서 가장 힘든것이 바로 지정한대로 표현하지 못한 어려움이 있다.
예) 하이테크 <PRE> 웹 사 이트를 창조 하 는 맨 든 사 람 들</PRE>
태그이름 Superscript
<SUP> 윗첨자
예) 하이테크 웹 <SUP>사이트를 창조하는</SUP> 고야넷
태그이름 Subscript
<SUB> 아랫첨자
예) 하이테크 웹<SUB>사이트를 창조하는</SUB> 고야넷
태그이름 사이띄개
HTML문서를 작성하는 것은 어찌보면 워드프로세서와 같다고 볼수 있다. 그러나 사이띄개를 할수 없는 불편함이 다소 많을 것이다. 아무리 스페이스키를 누른다고 막상 브라우저를 통해 볼경우에는 그렇게 보이질 않을 것이다. 이러한 현상은 모든 Space, Tab, Enter키를 1byte로 HTML문서가 인식하기 때문이다. 그래서 공백을 아무리 많이 주어도 브라우저에서는 인식하지 못한다.
예) 하이테크 웹 사이트 를 창조하는 고야넷
결과) 하이테크 웹 사이트 를 창조하는 고야넷
태그이름 글꼴을 표현한다.
<FONT> 글꼴, 모양을 달리 표현하고자 할때 다음과 같이 표현하면 된다.
예) <FONT COLOR=WHITE>색을 흰색으로 표현하기</FONT>
<FONT SIZE=5>글자를 5로 키우기</FONT>
<FONT TYPE=궁서체>글꼴을 궁서체로 표현하기</FONT>
태그이름 주소, 서명 입력(Address)
<ADDRESS> HTML문서내에 사용자의 주소 및 서명을 넣을때 사용하는데, E-Mail이나 주소를 넣어주면 된다.
예) <ADDRESS>
Copyrightⓒ1998-1999 Manden. All rights reseverd<BR>
Author Information : Pviper@unitel.co.kr<BR>
Last Modfied Date : 1998. 9. 6
</ADDRESS>
태그이름 Horizontal Line
<HR> 홈페이지를 구경하다보면 간혹 중간에 줄이 그어져 있는 것을 볼것이다. 말그대로 수평선을 긋는 기능이다.
예) <hr>
<hr size=6>
<hr noshade width=50% >
<hr width=50% color=Fuchia>
<hr width=50 align=right>
태그이름 정렬하기-1
<CENTER> 가운데 정렬
예) <CENTER>가운데로 글자를 정렬합니다.</CENTER>
태그이름 정렬하기-2
<RIGHT> 오른쪽정렬
예) <RIGHT>오른쪽으로 글자를 정렬합니다.</RIGHT>
태그이름 정렬하기-3
<REFT> 왼쪽정렬하기
예) <REFT>왼쪽으로 글자를 정렬합니다.</REFT>
결과) 왼쪽으로 글자를 정렬합니다.
위 세가지 명령어는 글자뿐만아니라 HTML문서에 들어가는 모든 요소에 해당이 되는 사항이므로 잘 기억해 두는 것이 좋다.
출처 : 태그대학
댓글 1
제목 | 글쓴이 | 날짜 |
---|---|---|
로그인 정보 폼에 읽지 않은 쪽지 개수 보이기.
[21]
![]() | 무얼까 | 2011.07.23 |
도라란님의 팁에 추가하여 MP3와 동영상 파일도 막고 싶을 경우.. [4] | Canto | 2011.07.23 |
제로보드 XE의 세팅중 ssl사용해제방법 | 준돌이 | 2011.07.26 |
warning: call time pass by reference 에러 해결 방법 [6] | ezi | 2011.07.28 |
모바일과 MP3 화일 JW player 로 재생 하기 꽁수 | 김성곤820 | 2011.07.28 |
모바일 메인에서 쓰는 기능을 삽입할려면 어떻게 해야 할까요?> | 최상순480 | 2011.08.02 |
모듈 개발 틀 쉽게짜기
![]() | Xiso | 2011.08.03 |
비회원이 게시글 추천할수있게하는방법
[4]
![]() | 토끼매니아 | 2011.08.03 |
닉네임이나 이름의 뒷부분을 ** 처리로 숨기고픈 경우 [2] | sejin7940 | 2011.08.06 |
게시글 주소 아주 짧게 줄이기 [11] | 웹 엔진 | 2011.08.07 |
자체 우편번호 검색DB 사용하기 | 우진홈 | 2011.08.11 |
Vimeo, Youtube 자동 썸네일 생성법(TED 추가)
[47]
![]() | 마나풀 | 2011.08.12 |
계시판 확장변수에 대하여 여쭤봅니다. [1] | 마지막드론 | 2011.08.14 |
FTP에서 인코딩 때문에 애 먹으시는 분들?
![]() | 히피♬ | 2011.08.15 |
sejin7940 게시판에 소셜XE 댓글 다는 방법 [소스코드] [5] | Treasurej | 2011.08.16 |
XE 템플릿 구문 정리 [1] | 우진홈 | 2011.08.17 |
내 PC에서 XE 설치하는 방법
[2]
![]() | amd짱좋아 | 2011.08.17 |
nginx Tip 업로드시 [Error Code: HTTP Error, File name: 파일명, Message: 413] 뜰떄 [3] | leave | 2011.08.18 |
홈페이지 접속시 XE를 바로 실행하기 [7] | ezi | 2011.08.20 |
조회수 제한 풀고, 조회수 증가값을 더 크게 하는 소스 [7] | sejin7940 | 2011.08.21 |