[HTML #7] OL, LI 태그

안녕하세요 모빌리티 입니다.

오늘은 웹페이지 상에서

순서 있는 목록으로 정리하는

법에 대해서 포스팅 하려 합니다.

 

 

오늘의 Keyword

"<OL>, <LI>"

 

"OL": 순서목록 (Ordered List)

각 항목을 번호나 순서있는 형태로 정리

 

"LI" 리스트의 줄임말

 

태그의 속성

type/ 각항목 앞에 붙어 있는 번호 순서

알파벳 대문자, 알파벳 소문자,

로마자 대문자, 로마자 소문자

숫자 등 .

 

start / 숫자의 시작 번호를 나타냄

<start="2">

 

다음과 같은 예제로 실습을 해보도록

하지요.

우선은 대문자 ABC를 승용차에

 적용해보고소문자 ab를 상용차에

적용해 보지요.

 

이렇게 적용을 하게 되면

아래와 같이 적용이 됩니다.

 

순서시작을 로마자 대문자와

소문자로 지정하는 방법은

 

 

 

다음과 같습니다.

 

적용이 된 모습입니다.

 

2017/06/06 - [컴퓨터/HTML] - [HTML] 홈페이지 구성 기본 태그 4가지

2017/06/06 - [컴퓨터/HTML] - [HTML #2] 메모장으로 작성하여 웹파일로 저장하기

2017/06/07 - [컴퓨터/HTML] - [HTML #3] 배경색 변경하기

2017/06/08 - [컴퓨터/HTML] - [HTML #4] BR, P, Center 태그란?

2017/06/10 - [컴퓨터/HTML] - [HTML #5] 글자를 꾸미는 폰트 속성 3가지 face, size, color

2017/06/11 - [컴퓨터/HTML] - [HTML #6] 글자를 움직이게 하는 태그"MARQUEE"

예제파일 다운로드

OL.html

OL_1.html

 

실습을 해보세요

 

 

 나눔은 

최고의 기쁨입니다.

이글이 도움이 되셨다면 아래

♡ 빈 하트를 채워주세요.