인라인 엘리먼트, 블록 엘리먼트, dl,dt,dd,ul,ol 등

인라인 엘리먼트, 블록 엘리먼트, dl,dt,dd,ul,ol 등

 

프로그래밍 한 내용을 살펴보면은 이상한 소리들이 많이 나온다.

소스를 수정하려면 가장 중요한 것은 정의를 마음속 깊이 받아 들이는 것부터 시작한다.

 

1. 인라인 엘리먼트 VS 블록 엘리먼트 비교하기

 

구분	인라인 엘리먼트	블록 엘리먼트
정의
특징	줄바꿈X	줄바꿈O
관계	인라인은 블록에 포함된다.
속하는 것들		div, dl, dt, dd, ul, ol 등

 

 

2. 블록 엘리먼트 구성요소 이해하기

 

1. 정의 목록 DL, DT, DD

 1) DL : 정의목록의 시작을 알린다

 2) DT :  정의목록 제목

 3) dd : 정의목록 내용

 

2. 순서가 있는 목록 : ol

  - Ordered List 의 약자

  - 선택한 유형(숫자, 알파벳,로마자)에 따라 순서가 있는 목록을 나타낼때 사용

  사용법)  <ol type="유형"> <li>할미꽃</li><li>호박꽃</li></ol>

 

3. 순서가 없는 목록 : ul

- Unordered List 의 약자

- 선택한 유형(숫자, 알파벳,로마자)에 따라 순서가 있는 목록을 나타낼때 사용

사용법) <ol type="유형"> <li>할미꽃</li><li>호박꽃</li></ol>