HTML - 목록으로 독서 목차 만들기

김정원·2022년 1월 13일
0

ol 과 ul 태그

ol : orderded list - 순서대로 나열한 것. 목록에 순서가 있음.

ul : unorderded list - 순서 없이 나열한 것.


개인적으로 notion에 정리한 습관의 힘 목차.
ol 과 ul 리스트를 이용해서 목차를 정리해보겠다.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    
    <title>Document</title>
</head>
    <body>
    <h1> 습관의 힘 </h1>
    <h2>목차 </h2>
    <ol type="1"> // type로 1,a,A등 다른 형태로 순서를 지정할 수 있다. 
        <li>개인의 습관</li><br> 
        <ul> // ol안에 ul이 들어있는 형태 
            <li>왜 우리는 후회할 줄 할면서도 똑같은 일을 반복하는가</li>
            <li>열망</li>
            <li>반복행동</li>
        </ul> <br>
        <li>기업의 습관</li><br>
            <ul>
                <li>확실한 승리를 원한다면 단 하나의 핵심습관에 집중하라</li>
                <li>의지력도 습관이다.</li>
                <li>습관을 지배한 사람들, 습관에 지배당한 사람들</li>
                <li>그들은 어떻게 고객의 지갑을 여는가</li>
                
            </ul>  <br>      
        <li>사회의 습관</li><br> // 부제목은 순서를 따로 지정하지 않았기에 ul로 설정 
            <ul>
                <li>사회의 변화는 어떻게 일어나는가</li>
                <li>습관을바꾸기 위해 가장 먼저 해야할 것</li>
            </ul> 
    </ol> // ol마감. 
    
    </body>
</html>
Document

습관의 힘

목차

  1. 개인의 습관

    • 왜 우리는 후회할 줄 할면서도 똑같은 일을 반복하는가
    • 열망
    • 반복행동

  2. 기업의 습관

    • 확실한 승리를 원한다면 단 하나의 핵심습관에 집중하라
    • 의지력도 습관이다.
    • 습관을 지배한 사람들, 습관에 지배당한 사람들
    • 그들은 어떻게 고객의 지갑을 여는가

  3. 사회의 습관

    • 사회의 변화는 어떻게 일어나는가
    • 습관을바꾸기 위해 가장 먼저 해야할 것
profile
garden

0개의 댓글