HTML 리스트

예진·2020년 7월 23일

HTML5

목록 보기
8/17
### 리스트

  <ul>: 순서가 없는 목록
  
    <li>: 각 목록의 항목 (end tag: </li> , 글머리 기호로 표시됨)
    
      글머리 기호 바꾸기
      
        style="list-style-type: (기호타입);">
        
        disc :  채워진 동그란 글머리 기호
        
        circle : 빈 동그란 글머리 기호
        
        square : 네모난 글머리 기호
        
        none : 글머리 기호 없음
        
    중첩할 수 있다.
      ex)
      <ul>
        <li>Coffee</li>
        <li>Tea
          <ul>
            <li>Black tea</li>
            <li>Green tea</li>
          </ul>
        </li>
        <li>Milk</li>
      </ul>
      
    ex)
    <ul>
      <li>Coffee</li>
      <li>Tea</li>
      <li>Milk</li>
    </ul>
    
  <ol>: 정렬 된 목록 ( 목록 항목이 숫자로 표시됨)
  
    <li>: 각 목록 항목 (end tag : </li>
    
    type="" : marker 유형 정의
    
      1 : 번호로 마크
      
      A : 대문자 알파벳으로 마크
      
      a : 소문자 알파벳으로 마크 
      
      I : 대문자 로마 숫자로 마크
      
      i : 소문자 로마 숫자로 마크
      
    start="숫자": 시작 숫자 정의 
    
    중첩 가능하다
    
    ex)
    <ol>
      <li>Coffee</li>
      <li>Tea</li>
      <li>Milk</li>
    </ol>
    
  <dl>: 설명 목록 정의
    ex)
    <dl>
      <dt>Coffee</dt>
      <dd>- black hot drink</dd>
      <dt>Milk</dt>
      <dd>- white cold drink</dd>
    </dl>
    
    <dt>: 태그 이름 정의
    
    <dd>: 각각 용어 설명

0개의 댓글