웹마스터 팁
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
제목 | 글쓴이 | 날짜 |
---|---|---|
노프레임홈페이지 디비기 3 - 경로
[42]
![]() | 리디 | 2003.03.31 |
쭘's식 홈페이지 만들기 No.2 - 예제 미리보기 포함
[14]
![]() | 쭘's | 2003.03.30 |
노프레임홈페이지 디비기 2 - 헤더와 풋터
[57]
![]() | 리디 | 2003.03.26 |
노프레임홈페이지 디비기 1 - 계층
[16]
![]() | 리디 | 2003.03.25 |
HTML의 정의 [8] | 이태운 | 2003.03.23 |
쭘's 식 쉽게 홈페이지 만들기
[15]
![]() | 쭘's | 2003.03.17 |
1 - 6. 프레임 [3] | wony | 2003.02.25 |
1 - 5. HTML 문서의 연결 | wony | 2003.02.25 |
배경음악 여러개 나오게 하기.. [6] | 라엘 | 2003.02.23 |
[HTML 초보자] 프레임 나누기 기초 [1] | ZipShin | 2003.02.20 |
아이프레임 자동으로 크기 맞추어 주기.. [9] | S,CAC | 2003.02.16 |
웹페이지 대화상자 띄우기. [4] | 세죠위그이 | 2003.02.05 |
핫키를 타겟에 적용시켜 봅시다-_- [3] | 위드 | 2003.01.21 |
모바일(핸드폰용) 홈페이지 만들기. [8] | 고광욱 | 2003.01.13 |
테이블을 이용한 문서의 정렬 [4] | 서성원 | 2003.01.11 |
이미지 없이 그라데이션 효과 내기 - 수정. [7] | Pe-i | 2003.01.10 |
[1분짜리 팁!] 마우스커서 바꾸기! [10] | 찐군 | 2003.01.09 |
기본에 충실하자. 표관련 태그 정리... [2] | 이기형 | 2003.01.09 |
글씨태그 | 조현원 | 2003.01.08 |
HTML만으로 BGM Player 만들기... [7] | 고광욱 | 2003.01.02 |