02_목록 관련 태그

목록 관련 태그

1. 순서없는 목록

<body>
      <ul>
          <li>HTML</li>
              <ul>
                   <li>글자관련 태그</li>
                   <li>목록관련 태그</li>
                   <!-- 목록 안에 목록을 또 넣을 수 있음-->
              </ul>    
           <li>CSS</li>
           <li>JavaScript</li>
           <li>jQuery</li>
      </ul>  
</body>

2. 순서있는 목록

<body>
    <ol>
         <li>HTML</li>
         <li>CSS</li>
         <li>JavaScript</li>
         <li>jQuery</li>
    </ol>
</body>

불릿기호

불릿(bullet) 기호 : 검은색 채워진 원, 흰색 빈원, 네모, 이미지, .... 
				   => 모양 변경 가능

1. type속성

<body>  
        <!-- type 속성을 이용해서 변경 가능(속성값 : 1,A, a, i, I)-->
        <ol type="i">
            <li>HTML</li>
            <li>CSS</li>
            <li>JavaScript</li>
            <li>jQuery</li>
        </ol>
        <br>
        <ol type="A">
            <li>HTML</li>
            <li>CSS</li>
            <li>JavaScript</li>
            <li>jQuery</li>
        </ol>

2. start속성

<body> 
        <!-- start 속성을 이용해서 시작값 변경-->
        <ol start="5">
            <li>HTML</li>
            <li>CSS</li>
            <li>JavaScript</li>
            <li>jQuery</li>
        </ol>
</body>

3. reversed속성

<body>
        <!-- reversed 속성을 이용해서 역순으로 표기(속성명만 제시)-->
        <ol reversed>
            <li>HTML</li>
            <li>CSS</li>
            <li>JavaScript</li>
            <li>jQuery</li>
        </ol>  
</body>

설명과 관련된 목록 태그

<body>
        <dl>
            <dt>이곳은 제목을 작성하는 곳</dt> 
            <dd>이곳은 제목에 대한 설명을 달아주는 곳</dd> 
            <dd>여러 줄을 작성할 수 있음.</dd>

            <dt>또 다른 제목 작성 가능</dt>
            <dd>또 다른 제목에 대한 설명을 달아주는 곳</dd>
        </dl>
</body>
State Management 5.13_Categories
경일게임아카데미 멀티 디바이스 메타버스 플랫폼 개발자 양성과정 2022/04/04~2022/12/13 1. 변수의 자료형(데이터 타입)

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
best100-homepage