11.글자속성에 대한 연습

★두번째 html이야기★-------글자속성에 대한 연습입니다.

이제 본격적인 태그를 배우게 됩니다 =^-^=
◈글꼴을 내 마음대로 변형하는 연습을 해볼까요?
★글자모양을 변경할 때는 ~라는 태그를 사용하게 됩니다.
는 워드 프로세서에서 문자 모양을 지정하는 것처럼 문자의 크기, 색상, 글씨체 등을
자유롭게 지정할 수 있는 문자 전용 태그입니다.
태그는 문자의 크기,색깔,글씨체의 세가지 속성이 있습니다.
☞옵션
▶SIZE : 문자 크기를 지정합니다. 1-7까지의 절대적인 크기를
 지정해 볼 수 있을 뿐만 아니라 '+' 와 '-'기호를 사용해 현재
 설정된 문자 크기를 기준으로 상대적인 문자 크기의 증감도
 표시할 수 있습니다.카페에서 글을 쓰실때의 설정크기는 '2'이지요^^
▶COLOR :문자의 색깔을 지정합니다.
 <BODY>태그의 'TEXT'속성이 문서전체의 문자속성을 지정해준다는 것은
 저번에 공부를 했는데요, FONT태그의 'COLOR'속성은 그 태그
 사이에 삽입된 부분적인 문자의 색을 지정합니다.
▶FACE: 글꼴을 지정하는 속성입니다.
 윈도95에서 기본적으로 제공하는 여러가지 글꼴들을 사용하실 수
 있습니다.요즘 많이 쓰이는 글씨체는 휴먼엽서체,이솝체, 옛체등이 있습니다.참고하세요^^
예제)
라는 태그를 적용했을 경우
결과:휴먼엽서체의 크기가 2인 빨간 글자가 나옵니다.

★볼드체 : ~
문장을 볼드체로 바꿔주는 태그입니다.
이 태그를 사용하시는 경우 글자가 진하게 강조되는 것을 보실 수 있지요.
예제)진하게 강조된 글자입니다
결과)진하게 강조된 글자입니다.

★한 단계 큰 문자 : <BIG>~</BIG>
현재 기본적으로 설정되어 있는 문자 크기보다 한 단계 큰 문자로 표시합니다.
글자 크기만 바꿀 경우에는 FONT 태그보다 조금 편리하겠죠? ^^
예제)<big>한 단계 큰 글자입니다</big>
결과)한 단계 큰 글자입니다.

★한 단계 작은 문자 : ~
위의 태그와 마찬가지로 한 단계 작은 문자로 표시합니다.

★이탤릭체 : ~
문자를 이탤릭체로 바꾸어줍니다.
예제)이탤릭체 글자입니다
결과)이탤릭체 글자입니다.

★강조 : <STRIKE>~</STRIKE>

문자를 강조하기 위한 태그입니다.문자 중간에 선을 그어줍니다^^
예제) <STRIKE>글자중간에 선이 그어졌습니다</STRIKE>

결과) ~~글자 중간에 선이 그어졌습니다~~

★아래첨자 : ~
문자를 아래첨자로 표시하기 위한 태그입니다.
예제)아래첨자 글자입니다.
결과)_{아래첨자 글자입니다}

★위첨자 : ~
문자를 위첨자로 표시하기 위한 태그입니다.
★타자체 : <TT>~</TT>
문자를 타자기로 입력한 것과 같은 글꼴로 바꾸어줍니다.
예제)<tt>타자기체 글자입니다</tt>
타자기체 글자입니다

★밑줄 문자 : ~
문자에 밑줄을 넣어줍니다.
예제)밑줄이 들어간 글자입니다.
결과)밑줄이 들어간 글자입니다.

오늘은 여러가지 문장에 관련된 태그에 대해 공부했습니다.
정말 여러가지 태그들이 있죠? *^-^*
그 외에도 BLINK라는 태그가 있는데요,
BLINK태그는 효과가 있습니다.
주로 방문자의 눈길을 끌기 위해 사용하는데요, 아쉽게도 인터넷 익스플로러에서는
사용할 수가 없습니다.넷스케이프사의 커뮤니케이터에서만 적용이 된다는군요^^
이제 여러가지 태그를 사용하여 글꼴을 마음대로 활용해보세요^^

'정보창고 > 블로그 정보' 카테고리의 다른 글

9.HTML의 기본구조 (0)	2012.02.08
10.문서의 뼈대 (0)	2012.02.08
12.table 사용하기 (0)	2012.02.08
13.이미지 넣기 (0)	2012.02.08
14.프레임 나누기 (0)	2012.02.08

내 블로그 - 관리자 홈 전환	`Q` `Q`
새 글 쓰기	`W` `W`

글 수정 (권한 있는 경우)	`E` `E`
댓글 영역으로 이동	`C` `C`

이 페이지의 URL 복사	`S` `S`
맨 위로 이동	`T` `T`
티스토리 홈 이동	`H` `H`
단축키 안내	`Shift` + `/` `⇧` + `/`

당신의 쉼 터

11.글자속성에 대한 연습

'정보창고 > 블로그 정보' 카테고리의 다른 글

티스토리툴바

단축키

내 블로그

블로그 게시글

모든 영역

11.글자속성에 대한 연습

'정보창고 > 블로그 정보' 카테고리의 다른 글

'정보창고/블로그 정보' Related Articles

티스토리툴바

단축키

내 블로그

블로그 게시글

모든 영역