-
<OL> , <UL> 태그 / HTML 리스트 만들기컴퓨터/HTML5 2017. 5. 14. 21:08
> <OL> , <UL> 태그 / HTML 리스트 만들기
OL은 ORDERD LIST 로 순서가 있는 리스트
UL은 UN OREDERD LIST 로 순서가 없는 리스트입니다.
보통은 이렇게 사용합니다. 그리고 LI속에 다시 OL이나 UL을 추가할수도있습니다.
<UL>
<LI> </LI> // 리스트를 의미합니다.
<LI> </LI>
</UL>
------------------------------------------
<UL>
<LI>
<OL>
<LI> </LI>
<LI> </LI>
</OL>
</LI>
<LI>
<OL>
<LI> </LI>
<LI> </LI>
</OL>
</LI>
</UL>
- HTML 코드
<!doctype html>
<html lang="KO">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>OL UL 예제</title>
</head>
<body>
<OL>
<LI>I love u love u love u</LI>
<LI>인연인 걸 느꼈죠 난</LI>
<LI>And I miss u miss u</LI>
<LI>나의 운명인 사람</LI>
</OL>
</body>
</html>
- OL 실행 사진
- UL 실행 사진
- 모두 실행 사진
이상 <OL> , <UL> 태그 / HTML 에서 리스트 만들기관련 포스팅이었습니다. 유익한 정보 되셨길 바랍니다.
ol ul 등은 웹사이트의 메뉴를 제작하는데에도 요긴하게 사용되는 것으로 알고있습니다.
저도 배우는 입장이라 아직 자세히는 알려드리지 못하겠습니다. 하지만 중요한 건 확실합니다.
'컴퓨터 > HTML5' 카테고리의 다른 글
<A>태그 / 하이퍼링크 달기 (0) 2017.05.14 <PRE> 태그 / 그대로 출력하기 (0) 2017.05.14 원하는 색 구하기 / 16진수 색상표 (0) 2017.05.14 <SPAN> 태그 / 텍스트 일부분 지정하기 (변화주기) (0) 2017.05.14 <DIV> 태그 / 레이아웃 만들기 / 상자 만들기 (0) 2017.05.14