[html] <ul> <ol> < li>태그(가운데 점 빼는 법)

<ul>과 <ol>은 목록태그 이고 

<li>는 리스트 태그이다.

 

---

ol태그와 ul태그 안에는 무조건 li태그가 들어가야 한다.

 

 

 

ol태그는 orderlist의 줄인말로 순서가 표기되어있는 목록이다.

 

    <ol>
        <li>메뉴1</li>
        <li>메뉴2</li>
        <li>메뉴3</li>
        <li>메뉴4</li>
    </ol>

 

위 코드의 결과물은 다음과 같다.

 

 

li태그 내용 앞에 숫자로 표기된다.

 

---

 

ul태그는 unorderlist의 줄인말로 순서가 안 표기된 목록이다.

 

<ul>
	<li>메뉴1</li>
    <li>메뉴2</li>
    <li>메뉴3</li>
    <li>메뉴4</li>
</ul>

 

위 코드의 결과물은 다음과 같다.

 

 

앞에 가운데 점이 붙여진다.

 

 

 

이 점을 없애는 방법은 다음과 같다. 

 

    <style>
        ul{
            list-style: none;
        }
    </style>

css style에 ul에게 list-style: none; 속성을 넣어준다. 

 

 

실행결과는 위와 같다. 

 

 

이런식으로 리스트를 구성할 수 있다.