[HTML] ul태그

안녕하세요 오늘은 리스트를 정의하는 ul태그를 포스팅하겠습니다.

 

<ul>태그는 순서가 없는 HTML 리스트를 정의할때 사용합니다.

 

<ul>요소에 속하는 아이템은 <li>요소를 사용하여 나타내며, bullet이나, 사각형 모양, 또는 style을 사용해서 수정 가능합니다.

 

 

<ul>
	<li>사과</li>
    <li>딸기</li>
    <li>바나나</li>
    <li>수박</li>
    <li>포도</li>
</ul>

기본형식은 위 처럼 사용되고요 결과는

 

이렇게 결과가 나오게되고요 기본적으로 리스트마다 bullet이 적용됩니다.

불릿을 사용하지 않으려면

css를 사용해서 list style을 적용해주면 됩니다.

square 사각형,

bullet 기본형

none 없애기

 

위이미지는 css를 이용해서 li{list-style:none;}  을 적용한 값입니다.

 

주로 float 이나, display를 통해 리스트를 옆으로 나열할수 있는데요.

해당 li 값에

float:left

display:inline 

를 이용합니다.

 

 

 

이렇게 작성했습니다.

 

포스팅은 여기까지 작성하도록 하겠습니다.