Computer >> 컴퓨터 >  >> 프로그램 작성 >> CSS

HTML 목록 유형

<시간/>

HTML에는 세 가지 유형의 목록이 있습니다 -

  • 순서 없는 목록

      이 목록에는 특정 순서가 없는 글머리 기호 목록 항목이 있습니다.

    • 순서 목록

        이 목록은 주문된 목록 항목에 사용됩니다.

      1. 정의 목록

        이 목록은 용어에 대한 정의를 표시하는 데 사용됩니다.

    이 목록을 중첩하고 원하는 대로 스타일을 지정할 수 있습니다. CSS 속성 list-style은 목록 항목의 스타일을 지정하는 데 도움이 됩니다.

    구문

    HTML 목록의 구문은 다음과 같습니다 -

    <type of list>
<li></li>
</type of list>

    다음 예는 HTML 목록을 보여줍니다 -

    예시

    <!DOCTYPE html>
<html>
<head>
<style>
ul {
   background-color: papayawhip;
   list-style-type: square;
   font-style: italic;
}
ol {
   background-color: azure;
}
</style>
</head>
<body>
<ol>
<li>demo1</li>
<li>
demo 2
<ul>
<li>demo a</li>
<li>demo b</li>
</ul>
</li>
<li>demo 3</li>
</ol>
</body>
</html>

    출력

    이것은 다음과 같은 출력을 제공합니다 -

    HTML 목록 유형

    예시

    <!DOCTYPE html>
<html>
<head>
<style>
dt {
   font-weight: bold;
   font-style: italic;
}
dd {
   border: thin dotted;
}
</style>
</head>
<body>
<h2>Programming Languages and Databases</h2>
<dl>
<dt>Java</dt>
<dd>A programming language developed by James Gosling.</dd>
<dt>C++</dt>
<dd>A programming language developed by Bjarne Stroustrup.</dd>
<dt>MySQL</dt>
<dd>MySQL is an open-source relational database management system.</dd>
</dl>
</body>
</html>

    출력

    이것은 다음과 같은 출력을 제공합니다 -

    HTML 목록 유형