HTML5 순서 없는 리스트 태그

HTML5 에서 메뉴를 만들거나 목록을 작성할 때 리스트 태그를 사용합니다.

다음처럼 HTML 태그를 작성하면

<ul>

<li>HTML5</li>

<li>CSS</li>

<li>JavaScript</li>

<li>PHP</li>

</ul>

아래와 같은 결과를 얻을 수 있습니다.

• HTML5
• CSS
• JavaScript
• PHP

실제 HTML 코드를 작성하다 보면 리스트 앞의 점은 없는게 나을 때가 더 많습니다. 아래와 같이 스타일을 지정해주면,

<ul style="list-style-type:none">

<li>HTML5</li>

<li>CSS</li>

<li>JavaScript</li>

<li>PHP</li>

</ul>

점이 없는 리스트 결과를 얻을 수 있습니다.

• HTML5
• CSS
• JavaScript
• PHP

리스트 스타일을 style="list-style-type:none" 대신 다음과 같이 바꾸면 네모 형태나, 안이 비어있는 원의 형태로 목록을 디스플레이 할 수 있습니다.

style="list-style-type:square"

style="list-style-type:circle“