베스트 키워드
주간 월간 연간
검색  상세검색
이벤트 디자이너를 위한 디자인 세상 아사달이 만들어갑니다.
디자인센터 보유 현황 오늘어제이번달지난달누적
웹기획
HTML 사용법
    - HTML 소개
    - 텍스트
    - 링크
    - 이미지
    - 테이블
    - 인클루드
    - 프레임
    - 폼(FORM)
    - 이미지 자르기
    - 색상코드표
포토샵 사용법
일러스트 사용법
플래시 사용법
일러스트 만들기
편집사진 만들기
사물 편집사진 만들기
플래시 모션 만들기
플래시 스크립트 만들기
웹구성 요소 만들기
웹 페이지 만들기
생활 홈페이지 만들기
비즈니스 홈페이지 만들기
쇼핑몰 홈페이지 만들기
텍스트
Home > 디자인 센터 > 웹강좌 > HTML 사용법 > 텍스트
텍스트 크기 텍스트 색상 텍스트 정렬 텍스트 스타일 목록 수평선
Windows 특수문자
1. 번호가 없는 목록(list)

목록들 간에 일정한 순서가 필요 없이 나열하고자 할 때 사용합니다. 형식은 다음과 같습니다.

<UL>
<LI> 도메인
<LI> 호스팅
</UL>

☞ 예)
  • 도메인
  • 호스팅

앞에 붙은 머리기호의 모양을 다른 모양으로 교체할 수도 있습니다. 머리기호의 종류는 다음과 같습니다.

☞ disc : 속이 검게 채워진 원형
☞ circle : 속이 빈 원형
☞ square : 속이 검게 채워진 사각형
<UL>
<LI type="disc"> 도메인
<LI type="circle"> 호스팅
</UL>

☞ 예)
  • 도메인
  • 호스팅
2. 번호가 있는 목록(Unorderde List)

목록 간에 일정한 순서를 나타내고자 할 때 사용합니다. 형식은 다음과 같습니다.

<OL>
<LI> 자료수집
<LI> 홈페이지 기획
</OL>

☞ 예)
  1. 자료수집
  2. 홈페이지 기획

앞에 붙은 번호 형식도 교체가 가능합니다.

☞ 계산용 숫자 : 1, 2, 3, 4 ...
☞ 영문 소문자 : a, b, c, d ...
☞ 영문 대문자 : A, B, C, D ...
☞ 소문자 로마자 : i, ii, iii, iv ...
☞ 대문자 로마자 : I, II, III, IV ...
<ol type="번호형식">
<li> 자료수집
<li> 홈페이지 기획
</ol>

☞ 예)
  1. 자료수집
  2. 홈페이지 기획
3. 단어/단어의 정의(Definition List)

주로 단어의 내용을 설명하거나 정의를 내릴 때 쓰면 좋습니다.
<dt>태그는 정의할 용어를 쓰고
<dd>태그는 용어의 설명을 씁니다.

<dl>태그는아무 것도 붙지 않고, 다만 목록들이 안으로 들여서 쓰입니다.
형식은 다음과 같습니다.

<dl>
<dt> 정의할 용어
<dd> 용어의 설명
</dl>

☞ 예)
우리나라의 국기는
태극기입니다.


<h5>[ 번호가 없는 목록 ]</h5>
  <ul>
   <li type="disc">도메인
   <li type="circle">호스팅
   <li type="square">프로그램
  </ul>
<h5>[ 번호가 있는 목록 ]</h5>
  <ol type="I">
   <li>홈페이지 제작의뢰
   <li>디자인 기획
   <li>디자인 및 코딩
   <li>홈페이지 완성
  </ol>
<h5>[ 단어의 정의 ]</h5>
  <dl>
   <dt>콘텐츠의 의미
   <dd>각종 유무선 통신망을 통해 제공되는 디지털 정보를 통칭하는 말
  </dl>

사이트명 : 아사달닷컴 | 회사명 : (주)아사달 | 대표이사 : 서창녕 | 대표전화 : 070-7510-3007 | 팩스번호 : 02-2026-2008
사업자등록번호 : 206-81-24351 | 법인등록번호 : 110111-1940504 | 통신판매업신고 : 제18-890호 | 벤처확인번호 : 051134532200563
(우편번호 : 153-803) 서울특별시 금천구 가산동 371-28번지 우림라이온스밸리 A동 8층 (주)아사달
Copyright ⓒ asadal.com All rights reserved.
아사달 이용 가능 브라우저