강의 컨설팅 트레이닝 무료진단 무료책자 마케팅편지 마케팅정보공유 다이어리 서비스제휴 고객센터

문자관련tag-텍스트
작성자 : 99 단국강토
등록날짜 : 2009.02.10 10:17
1,696

<font>


이 요소는 글꼴의 종류나 크기, 색을 지정하는 요소입니다.
그러나 나중에 스타일시트를 배우고 나면 되도록 글자의 종류, 크기, 색을 지정하실 때에는 html 보다는 스타일시트로 지정하도록 하세요.
size size는 1 에서 7 까지가 있으며 기본값은 3 입니다. 아무값도 입력하지 않으면 기본값이 적용됩니다. 1 이 가장 작고 7 이 가장 큽니다. <font size="4"> 이런식으로 입력합니다.
<font size="+1">과 같은 형식으로 입력해도 됩니다. 이것은 기본값 3 과 비교해서 상대적으로 표현한 것으로 size=4 와 같은 뜻입니다.
color color는 RGB값을 16진수로 표현해서 입력해도 되고 영문색상명으로 입력해도 됩니다. 형식은<font color="#ffff33">이렇게 하시든지 아니면 <font color="blue">이런식으로 표현합니다.
face face는 글씨체를 써주는 곳인데 <font face="궁서">이런식으로 한글명으로 써주시면 됩니다. 글꼴이름을 지정하는 경우에 지정한 글꼴이 사용자 환경에 설치되어 있지 않을 수도 있으므로 표시를 원하는 순서대로 [ , ]로 구별하여 여러개를 지정할 수도 있습니다.

[예제]

 <h>


제목의 크기를 지정하는 태그입니다. 제목의 크기는 본문의 크기보다 단계가 적은 6단계를 사용합니다. 숫자가 증가 할수록 크기가 작아 집니다. 1이 가장크고 6이 가장 작습니다.
또한 분문의 글과 다른점은 태그가 붙은 단어 또는 문장은 본문보다 앞으로 나오며 제목처럼 굵게 표시됩니다. 그리고 이 태그는 자동 줄바꿈기능이 있어 저절로 줄이 바뀌어 집니다.

align left   왼쪽정렬
center   가운데정렬
right   오른쪽정렬
justify   양쪽정렬

[예제]
<h1>송파나루터:H1</h1>

송파나루터 : H1

<h2>송파나루터:H2</h2>

송파나루터 : H2

<h3>송파나루터:H3</h3>

송파나루터 : H3

<h4>송파나루터:H4</h4>

송파나루터 : H4

<h5>송파나루터:H5</h5>
송파나루터 : H5
<h6>송파나루터:H6</h6>
송파나루터 : H6


 <b>    <strong>


[정의] : 문자를 굵은 글씨체로표현한다.
[소스] : <b>여기는 굵은 글씨체로 보이는 곳입니다.<b>
[예제] : 여기는 굵은 글씨체로 보이는 곳입니다.

  <i>     <em>


[정의] : 문자를 이탤릭체로 표현한다.
[소스] :<em>여기는 이탤릭체로 보이는 곳입니다.<em>
[예제] : 여기는 이탤릭체로 보이는 곳입니다.

  <u>     


[정의] : 문자를 밑줄 글자로 표현한다.
[소스] : <u>여기는 밑줄을 표시한 것으로 표현되는 곳입니다.</u>
[예제] : 여기는 밑줄을 표시한 것으로 표현되는 곳입니다.

  <big>


[정의] : 문자를 크게 표현한다.
[소스] : <big>여기는 글자를 크게 표현되게 하는 곳입니다.</big>
[예제] : 여기는 글자를 크게 표현되게 하는 곳입니다.

  <small>


[정의] : 문자를 작게 표현한다.
[소스] : <small>여기는 글자를 작게 표현되게 하는 곳입니다.</small>
[예제] : 여기는 글자를 작게 표현되게 하는 곳입니다.

  <sub>

[정의] : 문자를 아래첨자로 표현한다.
[소스] : 송파나루터 <sub>여기는 아래첨자를 표현하는 곳입니다.</sub>
[예제] : 송파나루터 여기는 아래첨자를 표현하는 곳입니다.

  <sup>


[정의] : 문자를 윗첨자로 표현한다.
[소스] : 송파나루터 <sup>여기는 윗첨자를 표현하는 곳입니다.</sup>
[예제] : 송파나루터 여기는 윗첨자를 표현하는 곳입니다.

  <strike>    <u>


[정의] : 두 요소 모두 가로 방향의 취소선이 표시되는 형태로 나타납니다. s 요소도 같은 기능을 하지만 strike 가 보다 많은 종류의 브라우저를 지원합니다.
[소스] : <strike>여기는 취소선이 표현되게 하는 곳입니다.</strike>
[예제] : 여기는 취소선이 표현되게 하는 곳입니다.

[출처] 빛남이

"쇼핑몰·홈페이지·오픈마켓
블로그·페이스북·이메일 등의 각종 마케팅 글쓰기,
각종 광고, 영업, 판매, 제안서, 전단지
반응율 3배×10배 이상 높이는 마법의 8단계 공식"
자세히보기

Comments

번호 제목 글쓴이 날짜 조회
315 INPUT TYPE - TEXT 속성 M 최고의하루 12.04 2016
314 [HTML] 메타태그 정리 99 단국강토 01.05 1573
313 새창 띄울때 메뉴바 없는 윈도우 창 99 단국강토 12.30 1387
312 동영상 그림크기조절 99 단국강토 12.30 3112
311 상태바에서 움직이는 문자 M 최고의하루 12.26 2097
310 노프레임 사이트 주소 고정법 M 최고의하루 12.26 1604
309 음악 태그 사운드 태그 댓글1 M 최고의하루 12.24 2934
308 그림을 배경 전체그림으로 넣는 소스 M 최고의하루 12.24 2107
307 [글 중간에 점 찍기] M 최고의하루 12.23 2066
306 htmlarg v1.1 - editplus 용 M 최고의하루 12.23 2337
305 배너광고 소스 marquee M 최고의하루 12.20 1618
304 FORM 태그 기본 ★ M 최고의하루 12.20 2183
303 한글 및 이미지 정렬 M 최고의하루 12.19 1422
302 폼요소 - 라디오 버튼(radio button) M 최고의하루 12.19 2099
301 Embed을 이용한 멀티미디어 사용 M 최고의하루 12.18 1628
300 input file 을 이미지로 변환 M 최고의하루 12.18 1832
299 INPUT TYPE - TEXT 속성 M 최고의하루 12.04 2200
298 태그강좌 99 단국강토 02.10 2088
297 태그 총 정리(태그 사전) ★ 99 단국강토 02.10 2134
296 태그를 배우려면 이런것들을 알아야.. 99 단국강토 02.10 3452
295 태그폰트 99 단국강토 02.10 2103
열람중 문자관련tag-텍스트 99 단국강토 02.10 1697
293 리스트 99 단국강토 02.10 2202
292 문단관련teg-문단(1) 99 단국강토 02.10 2343
291 문단과 관련된 태그 (2) 99 단국강토 02.10 2385
290 바디와 선 99 단국강토 02.09 1707
289 Table 태그 (1)-table 99 단국강토 02.09 2392
288 Table 태그 (2) 99 단국강토 02.09 2241
287 테이블 응용 99 단국강토 02.09 2353
286 프레임 tag-프레임(1) 99 단국강토 02.09 2150
마케팅
특별 마케팅자료
다운로드 마케팅자료
창업,경영
기획,카피,상품전략
동기부여,성취