2020. 4. 11.

[HTML] 폰트 동영상 정리


<B> BOLD

- 해당 글의 강조시 굵은 글씨체로 나타나게 해줌 = <strong>


<U> 밑줄긋기

- 텍스트에 밑줄을 표시


口 
〈수」 @) &₩기 트리 자료₩전자| 과점₩html* • (3 7=4석… 
글꼴의 속성클 변 겸하 보자 X 
파일(F) 편즽(E) 호기0.0 吉셔찾기(A) 도듣할대) 
신날래 력 고 물장구 치고 다람쥐 쫓년 어련시절에 
눈사람처럼 커지고 싶던 그 마음 내 마음 
htm103 01 html - Windows 쬐모장 
파일(F) 편집(E) 서식(0) 보기C년〕 도을랄 
<html> 
<head> 
<tit녇>글꼴의 속성을 변경해보자</title〉 
</head> 
<bodY> 
口 
<Strong>진달2H</strong> 먹고 물장구 지고 <b>다람쥐 쫓던 어린시절( 
<u>는사람<和>저럼 거지고 싶던 그 마음 나 마음 
</bodY> 
</html> 
Ln 6, CO 33 
100% 
Windows (CRLF) 
ANSI

<b> = <strong>
굵은 글씨체
<u>
밑줄

<I><DFB><VAR><EM><CITE> 기울임체

- 텍스트를 기울이는 태그

<DFN>
Define 약자.
정의를 내리거나 텍스트의 뜻을 명확히 사용
<VAR>
변수를 나타낼 사용
<EM>
Emphasis 약자
'~ 잘보이게 하다'
<CITE>
인용부분에 사용.
, 인용된 부분을 이텔릭체로 표현할때 사용

口 
〈수」 @) &₩기 트리 자료₩전자| 과점₩html* • (3 7=4석… 
글꼴의 속성클 변경하보자 e글클의 속)넣클 변 겸하보자 
파일(F) 편즽(E) 호기0.0 吉셔찾기(A) 도듣할대) 
신날래 력 고 물장구 치고 다람쥐 쫓년 어련시절에 
눈사람처럼 커지고 싶던 그 마음 내 마음 
0}특다은 /f/雪은 국유'쳔멁 
htm103 0기-ltml - Windows 쬐모장 
파일(F) 편집(E) 서식(0) 보기C년〕 도을랄 
<html> 
<head> 
<tit녇>글꼴의 속성을 변경해보자</title〉 
</head> 
<bodY> 
口 
<Strong>진달2H</strong> 먹고 물장구 지고 <b>다람쥐 쫓던 어린시절( 
<u><b>는사람</b>저럼 거지고 싶던</u〉 그 마음 나 마음<노>l 
<i>아름다운 시절은 꽃잎저럼 흩어저</i> 
</bodY> 
</html> 
Ln 7 Col 42 
100% 
Windows (CRLF) 
ANSI

<i>
기울어진것을 확인 있다.


<Big><Small> 크고 작은 텍스트

- <BIG> : 글씨 크기를 키워서 강조하는 기능
- <SMALL> : 글씨 크기를 작게 만드는 기능

口 
〈수」 @) &₩기트킈 자료₩전자| 과점₩html* 
글꼴의 속성클 변 겸하 보자 X 
파일(F) 편즽(E) 호기0.0 吉셔찾기(A) 
빅태그는 글씨 크기를 키워줍니다l 
스몰태그는 글씨 크기를 줄여줍니다l 
htmlC3 C3]ntml - Windows 긔모장 
파일(F) 편집(E) 서식(0) 보기C놣0 도을랄 
<html> 
<head> 
• (3 7=4석… 
도듣할대) 
口 
<tit녇>글꼴의 속성을 변경해보자</title〉 
</head> 
<bodY> 
<Big>빅태그</Big>는 글씨 크기를 기워줍니다.<br〉 
<Small>스몰태그</Small>는 글씨 크기를 줄여줍니다.<br〉 
</bodY> 
</html> 
Ln 7 CO 40 
100% 
Windows (CRLF) 
ANSI

<Big><Small> 비교


<DEL><STRIKE><S> 문자를 가로 지르는

- <DEL> : 문서에서 삭제된 부분을 나타냄
- <STRIKE><S> : 중간선을 의미

<SUP><SUB> 첨자

- <SUP> : 위첨자
- <SUB> : 아래첨자

口 
《§그 (§) &₩기 트리 자료₩전자| 과점₩html* • (3 7=4석… 
글꼴의 속성클 변경하보자 e글클의 속)넣클 변 겸하보자 
파일(F) 편-흴(E) 호기0.0 吉수찾기(A) 도듣할대) 
다람쥐 쫓던 어 시 절 에 
눈사람처렇 커지고 시대 그 마음 내 마음 
htm103 04.html - Windows 쬐모장 
파일(F) 편집(E) 서식(0) 보기C년〕 도을랄 
<html> 
<head> 
<tit녇>글꼴의 속성을 변경해보자</title〉 
</head> 
<bodY> 
<s>진달己H 먹고 물장구 지고</s> 다람쥐 쫓던 어린시절에 <br> 
口 
눈사람죠叩>저럼</s叩> 거지고 <sub>AE</sub>I 그 마음 나 마음 <b 
</bodY> 
</html> 
Ln 7, CO 36 
100% 
Windows (CRLF) 
ANSI

<s> 중간줄
<sup>윗첨자 <sub> 아래첨자


FONT

- 텍스트 , 크기, 굵기 글꼴에 대한 대부분의 설정


COLOR 속성

<Font color="RGB ","색상명">

*RGB
- 빛의 삼원소 RGB 16진수로 표현

Ex)
R
G
B
White
FF
FF
FF
Black
0
0
0
RED
FF
0
0
Green
0
FF
0
Blue
0
0
FF


Face 속성

<Font face="폰트명">
 * Face 속성값은 컴퓨터에 있는 글꼴을 사용.
 따라서 자신에게만 있는 글꼴을 사용한다면 사용자는 글꼴을 볼수가 없다. 그러므로 윈도우에 기본적으로 설치되 있는 글꼴을 사용하는 것이 좋다.


Size 속성

<Font size="1~7">
 * 텍스트의 크기를 나타낸다. 기본 글꼴 크기는 3
<HX>태그와 다르게 fontsize 속성값은 1 제일 작고 7 제일 크다.


<font color="#FF8A19" face="돋움" size="2">
글씨 색깔은 주황색 글씨체는 돋움 글씨크기는 2


<BASEFONT> 기본글꼴
- <HEAD> 안에 사용하면 문서의 전체 글꼴을 설정
- 문서 안에 사용하면 현재 위치 이후의 글꼴에만 적용
-조건 IE9 이하만 지원, HTML5제외


덕분에 안된다.
아마 HTML 전용 다른 태그로 바꼇을것으로 예상되니 찾아본다.
HTML5 넘어오면서 css 가능한 태그들은 삭제되고 다른 새로운게 많이 생겻다고 한다.

댓글 없음:

댓글 쓰기