웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
글씨태그
2003.01.08 14:24
1. 글자 문단을 설정해주는 <p> 태그
HTML에서 글자를 입력할 때 문단을 설정해주는 태그입니다. 글자 사이에 띄어쓰기를 하면 한 칸만 띄어 주며 "Enter"를 눌러 줄을 바꾸어도 한 줄만 바뀌게 됩니다. 그리고 <p> 태그와 </p> 태그 사이에는 한 줄 정도의 여백이 생깁니다.
살펴보기 → <p>내용</p>
2. 줄 간격 없이 내용을 표시하는 <br> 태그
<br> 태그는 줄 간격 없이 글자를 입력할 때 사용하는 태그입니다. 그러므로 <br> 태그를 여러 번 사용해서 글자 줄 간격을 조정할 경우에도 사용됩니다. <br> 태그는 닫아주는 태그인 </br>을 사용하지 않습니다.
살펴보기 → <br> 내용
3. 입력한 내용을 그대로 보여주는 <pre> 태그
<pre> 태그는 입력한 내용을 화면에 그대로 표시하게 해주는 태그 명령어 입니다. 문서에 입력한 정렬 상태도 그대로 보여주기 때문에 자유롭게 내용을 입력할 수 있지만 <pre> 태그에 사용된 글자에는 색상이나 모양을 변경할 수 없다는 제약을 가지고 있습니다.
살펴보기 → <pre> 내용 </pre>
4. 글자 속성을 변경해주는 <font> 태그
홈페이지에 입력한 글자의 색이나 크기 또는 글꼴을 변경하려면 속성을 변경할 글자 앞 뒤에 <font>를 입력해서 속성을 설정해주면 됩니다. <font> 태그에는 글자 속성을 변경해주는 속성들을 입력해서 사용합니다. 여기서는 <font> 태그에서 사용 할 수 있는 속성에는 어떠한 것이 있는지 알아보겠습니다.
글자 크기를 설정해주는 size 속성<font> 태그에 size 속성을 사용하면 글자 크기를 조절할 수 있습니다. size 속성 값에는 1부터 7까지 설정할 수 있습니다.
기본 글자 크기인 3보다 큰 수를 입력하면 글자 크기는 커지고 작은 수를 입력하면 작아집니다. +와 -기호를 사용해서 기본 크기인 3에서 더하거나 뺄 수도 있습니다. 예를 들어 +3 이라고 입력하면 기본 값인 3에 3을 더한 6의 크기로 글자 크기가 설정됩니다.
살펴보기 → <font size="크기"> 내용 </font>
[글자 글꼴을 설정해주는 face 속성]
<font> 태그에 face 속성을 사용하면 글자의 글꼴을 설정할 수 있습니다. 글꼴에는 윈도우에서 사용하는 지정된 글꼴 이름
을 입력해줍니다. 글꼴을 설정할 문서를 불러온 방문자의 컴퓨터에 해당 글꼴이 설치되어 있어야만 내용을 볼 수 있습니다.
그러므로 글꼴을 설정할 때는 윈도우에 기본으로 설치되어 있는 기본 글꼴을 사용합니다.
살펴보기 → <font face="글꼴이름"> 내용 </font>
HTML에서 글자를 입력할 때 문단을 설정해주는 태그입니다. 글자 사이에 띄어쓰기를 하면 한 칸만 띄어 주며 "Enter"를 눌러 줄을 바꾸어도 한 줄만 바뀌게 됩니다. 그리고 <p> 태그와 </p> 태그 사이에는 한 줄 정도의 여백이 생깁니다.
살펴보기 → <p>내용</p>
2. 줄 간격 없이 내용을 표시하는 <br> 태그
<br> 태그는 줄 간격 없이 글자를 입력할 때 사용하는 태그입니다. 그러므로 <br> 태그를 여러 번 사용해서 글자 줄 간격을 조정할 경우에도 사용됩니다. <br> 태그는 닫아주는 태그인 </br>을 사용하지 않습니다.
살펴보기 → <br> 내용
3. 입력한 내용을 그대로 보여주는 <pre> 태그
<pre> 태그는 입력한 내용을 화면에 그대로 표시하게 해주는 태그 명령어 입니다. 문서에 입력한 정렬 상태도 그대로 보여주기 때문에 자유롭게 내용을 입력할 수 있지만 <pre> 태그에 사용된 글자에는 색상이나 모양을 변경할 수 없다는 제약을 가지고 있습니다.
살펴보기 → <pre> 내용 </pre>
4. 글자 속성을 변경해주는 <font> 태그
홈페이지에 입력한 글자의 색이나 크기 또는 글꼴을 변경하려면 속성을 변경할 글자 앞 뒤에 <font>를 입력해서 속성을 설정해주면 됩니다. <font> 태그에는 글자 속성을 변경해주는 속성들을 입력해서 사용합니다. 여기서는 <font> 태그에서 사용 할 수 있는 속성에는 어떠한 것이 있는지 알아보겠습니다.
글자 크기를 설정해주는 size 속성<font> 태그에 size 속성을 사용하면 글자 크기를 조절할 수 있습니다. size 속성 값에는 1부터 7까지 설정할 수 있습니다.
기본 글자 크기인 3보다 큰 수를 입력하면 글자 크기는 커지고 작은 수를 입력하면 작아집니다. +와 -기호를 사용해서 기본 크기인 3에서 더하거나 뺄 수도 있습니다. 예를 들어 +3 이라고 입력하면 기본 값인 3에 3을 더한 6의 크기로 글자 크기가 설정됩니다.
살펴보기 → <font size="크기"> 내용 </font>
[글자 글꼴을 설정해주는 face 속성]
<font> 태그에 face 속성을 사용하면 글자의 글꼴을 설정할 수 있습니다. 글꼴에는 윈도우에서 사용하는 지정된 글꼴 이름
을 입력해줍니다. 글꼴을 설정할 문서를 불러온 방문자의 컴퓨터에 해당 글꼴이 설치되어 있어야만 내용을 볼 수 있습니다.
그러므로 글꼴을 설정할 때는 윈도우에 기본으로 설치되어 있는 기본 글꼴을 사용합니다.
살펴보기 → <font face="글꼴이름"> 내용 </font>
댓글 0
제목 | 글쓴이 | 날짜 |
---|---|---|
[HTML 초보자]동영상을 출력하자-4 | ZipShin | 2002.12.17 |
[HTML 기초] 1. 서식 관련 태그 | 뽀유♡ | 2002.12.17 |
[HTML 초보자]동영상을 출력하자-5 | ZipShin | 2002.12.18 |
[HTML 초보자]동영상을 출력하자-6(Object) [1] | ZipShin | 2002.12.19 |
필드셋 응용;;; | teslaMINT | 2002.12.21 |
[HTML 초보자] 테이블 태그(보충1) [3] | ZipShin | 2002.12.21 |
웹문서 작성 팁!!! [4] | 공돌이 | 2002.12.21 |
마우스 룰 오버시 여러가지 로 그림이 변하게 하기. [5] | ▩윤미 | 2002.12.23 |
[re] 한번의 클릭으로 두 개의 프레임 바꾸기. [1] | 루비 | 2002.12.26 |
한번의 클릭으로 두 개의 프레임 바꾸기. [7] | 연(延) | 2002.12.25 |
새창안돼 -_- [5] | 란즈 | 2002.12.27 |
이쁜 버튼 꾸미기 [5] | ZipShin | 2003.01.01 |
HTML만으로 BGM Player 만들기... [7] | 고광욱 | 2003.01.02 |
테이블 테두리 (맨 겉부분만 나오게 하기) [13] | 서성원 | 2003.01.02 |
[HTML 초보자]동영상을 출력하자-7(Object) [2] | ZipShin | 2003.01.03 |
다중 테이블?? [7] | hooniv | 2003.01.03 |
ZipShin님 버튼 기능추가...누르면 링크가 됩니다...^^; [1] | 김희성 | 2003.01.05 |
글씨태그 | 조현원 | 2003.01.08 |
기본에 충실하자. 표관련 태그 정리... [2] | 이기형 | 2003.01.09 |
[1분짜리 팁!] 마우스커서 바꾸기! [10] | 찐군 | 2003.01.09 |