웹마스터 팁
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
제목 | 글쓴이 | 날짜 |
---|---|---|
스크롤바 뒤집을때 문서 전체가 뒤집히는것 방지할때 [4] | K.샘 | 2003.02.01 |
* 특정한 이미지 파일의 투명도 조절하기 [5] | 장윤호 | 2003.01.28 |
핫키를 타겟에 적용시켜 봅시다-_- [3] | 위드 | 2003.01.21 |
input태그 type의 종류.. [14] | 날수없는하늘 | 2003.01.21 |
스크롤바 자동/예/아니오 [11] | 레드 | 2003.01.18 |
테이블 테그시 <td>옵션을 쉽게 작성/변경해 봅시다 [2] | 위대한위선자 | 2003.01.18 |
[레드의 태그중급]폼 태그..(이상해져서 삭제하구 다시 적습니다) [3] | 레드 | 2003.01.15 |
[HTML 초보자]동영상을 출력하자-8(Object) [1] | ZipShin | 2003.01.14 |
[레드의 태그초보]링크태그 [5] | 레드 | 2003.01.14 |
[레드의 태그초보]이미지삽입 태그 [2] | 레드 | 2003.01.14 |
[레드의 태그초보]아이프레임을 새롭게 구조하였습니다..(;;) [3] | 레드 | 2003.01.14 |
모바일(핸드폰용) 홈페이지 만들기. [8] | 고광욱 | 2003.01.13 |
테이블을 이용한 문서의 정렬 [4] | 서성원 | 2003.01.11 |
이미지 없이 그라데이션 효과 내기 - 수정. [7] | Pe-i | 2003.01.10 |
[1분짜리 팁!] 스크롤바 왼쪽으로 위치하게 하기! [6] | 찐군 | 2003.01.09 |
[1분짜리 팁!] 테이블 테두리 얇게 하기 [5] | 찐군 | 2003.01.09 |
[1분짜리 팁!] 마우스커서 바꾸기! [10] | 찐군 | 2003.01.09 |
기본에 충실하자. 표관련 태그 정리... [2] | 이기형 | 2003.01.09 |
글씨태그 | 조현원 | 2003.01.08 |
다중 테이블?? [7] | hooniv | 2003.01.03 |