개발공부/HTML

개발공부 2일차 -1.html 목록만들기<ul><ol><li>

게임하는엄마 2018. 5. 29. 21:41


개발공부 2일차.

아직 뭐가 뭔지 모르겠지만 일단 무작정 따라해보기 중



오늘 처음 본 태그인 

<ul> <ol> <li>




 


<!DOCTYPE html>
<html>

<body>

<h2>menu</h2>

<!--글 머리표 목록-->
<ul>
<!--목록 항목-->
<li>coffee</li>
<li>tea</li>
<li>milk</li>
</ul>
<!--번호가 매겨진 목록-->
<ol>
<li>coffee</li>
<li>tea</li>
<li>milk</li>
</ol>
</body>


</html>




<ul> :  항목 앞에 머리표가 붙는 목록


<ol> : 항목 앞에 번호가 붙는 목록 


<li> : <ul><ol> 안의 항목



세가지를 이용해서 아래 메뉴를 만들어봤다