디자인몰
디자인시안   ㅣ   플래시   ㅣ   일러스트   ㅣ   페인터   ㅣ   편집사진   ㅣ   단독사진   ㅣ   문서   ㅣ   사운드   ㅣ   CD   ㅣ   정액숍  ㅣ   모델   ㅣ   이벤트숍   ㅣ   브랜드숍   ㅣ   사용안내   ㅣ   웹강좌
베스트 키워드 더보기
주간 월간 연간 누적
디자인몰 통합검색 전체 검색 정액숍 검색 무한숍 검색
검색 상세검색
이벤트
콘텐츠 개수 오늘어제이번달지난달누적
HTML 소개
텍스트
링크
이미지
테이블
인클루드
프레임
폼(FORM)
이미지 자르기
색상코드표
HTML강좌
Home > 디자인몰 > 웹강좌 > HTML강좌
텍스트 크기 텍스트 색상 텍스트 정렬 텍스트 스타일 목록 수평선
Windows 특수문자


텍스트의 크기를 조절하는 방법은 아래와 같습니다.

<font size="텍스트 크기"> 텍스트 </font>

텍스트 크기는 1~7까지 가능합니다. 가장 작은 크기는 1이고, 가장 큰 크기는 7입니다. 지정하지 않은 경우 기본 값은 3입니다.



<html>
<head>
<title>텍스트 크기</title>
</head>
<body>
    <font size="1">텍스트 크기 1입니다.</font><br>
    <font size="2">텍스트 크기 2입니다.</font><br>
    <font size="3">텍스트 크기 3입니다.</font><br>
    <font size="4">텍스트 크기 4입니다.</font><br>
    <font size="5">텍스트 크기 5입니다.</font><br>
    <font size="6">텍스트 크기 6입니다.</font><br>
    <font size="7">텍스트 크기 7입니다.</font>
</body>
</html>
1. 제목 텍스트 크기


제목 텍스트 크기를 조절하는 방법은 아래와 같습니다.

<h숫자(1~6)> 텍스트 </h숫자>

제목 글자를 쓸 때 태그를 앞뒤로 감싸 줍니다. 숫자는 1부터 6까지 사용 가능하고, 숫자가 커질수록 크기가 작아집니다. 그리고, 제목태그는 <p> 태그가 함께 적용되어 있으므로 따로 쓸 필요가 없습니다.



<html>
<head>
<title>제목 텍스트 크기</title>
</head>
<body>
    <h6>제목 텍스트 크기 6입니다.</h6>
    <h5>제목 텍스트 크기 5입니다.</h5>
    <h4>제목 텍스트 크기 4입니다.</h4>
    <h3>제목 텍스트 크기 3입니다.</h3>
    <h2>제목 텍스트 크기 2입니다.</h2>
    <h1>제목 텍스트 크기 1입니다.</h1>
</body>
</html>
회사소개 | 리셀러 | 에이전트 | 회사약도 | 이용약관 | 개인정보 보호정책 | 고객지원