[HTML] List, Table

킴스·2021년 5월 6일
1

HTML

목록 보기
5/7
post-thumbnail

list

1. 순서없는 목록 (ul)

코드

<!DOCTYPE html>
<html>
  <body>
    <ul>
      <li>민트</li>
      <li>초코</li>
      <li>우유</li>
    </ul>
  </body>
</html>

실제 화면

2. 순서있는 목록 (ol)

코드

<!DOCTYPE html>
<html>
  <body>
    <ol>
      <li>민트</li>
      <li>초코</li>
      <li>우유</li>
    </ol>
  </body>
</html>

실제화면

type 어트리뷰트 이용하여 순서를 문장으로 지정가능
start -> 시작값 지정
reversed -> 리스트 순서 역순

table

출처 : https://poiemaweb.com/html5-tag-list-table

border 사용하여 표 테두리 두께 지정

profile
코뽀

0개의 댓글