클리엘
CLIEL LAB
클리엘
전체 방문자
오늘
어제
  • 분류 전체보기 (513)
    • Mobile (47)
      • Kotlin (47)
    • Web (84)
      • NestJS (9)
      • HTML5 & CSS3 (38)
      • Javascript (20)
      • TypeScript (6)
      • JQuery (11)
    • .NET (300)
      • C# (83)
      • ASP.NET (67)
      • Windows API for .NET (128)
    • Server (53)
      • SQL Server (10)
      • MariaDB (18)
      • Windows Server (6)
      • node.js (19)
    • System (12)
      • 작업LOG (12)
    • Review (11)
    • ETC (6)

블로그 메뉴

  • 홈
  • 태그
  • 방명록

공지사항

  • 블로그 정리

인기 글

태그

  • android
  • MariaDB
  • asp.net core web api
  • exception
  • asp.net core
  • CSS3
  • Entity Framework
  • Windows API
  • Kotlin
  • .NET
  • jQuery
  • HTML5
  • c#
  • android studio
  • NestJS
  • LINQ
  • ASP.NET
  • 변수
  • node.js
  • JavaScript

최근 댓글

최근 글

티스토리

hELLO · Designed By 정상우.
클리엘

CLIEL LAB

[HTML5&CSS3] 목록 관련 태그
Web/HTML5 & CSS3

[HTML5&CSS3] 목록 관련 태그

2019. 9. 19. 16:38
728x90

1. ul

 

순서 없는 목록을 만듭니다.

<li>
    <li>자동자</li>
    <li>비행기</li>
    <li>자전거</li>
</li>

2. ol

 

순서가 있는 목록을 만듭니다.

<ol>
    <li>자동자</li>
    <li>비행기</li>
    <li>자전거</li>
</ol>

1과 2에서 <li>는 목록 자체를 지정하는 태그입니다. 이 태그 안에 목록 태그를 다시 집어넣어서 중첩된 목록을 만들 수 있습니다.

<ul>
    <li>자동자</li>
    <li>비행기</li>
    <li>자전거
        <ol>
            <li>두발 자전거</li>
            <li>세발 자전거</li>
            <li>한발 자전거</li>
        </ol>
    </li>
</ul>

3. dl

 

특정용어를 설명할 때의 목록 태그입니다. <dl> 태그로 시작해 <dt> 태그로 정의할 용어를 지정하고 <dd> 태그로 설명 목록을 만듭니다.

<dl>
    <dt>비행기</dt>
    <dd>빠른이동수단</dd>
    <dd>통계적으로 가장 안전함</dd>
    <dd>다른 이동수단에 비해 비쌈</dd>
</dl>

 

728x90
저작자표시 비영리 변경금지

'Web > HTML5 & CSS3' 카테고리의 다른 글

[HTML5&CSS3] 이미지관련 태그  (0) 2019.09.20
[HTML5/CSS3] 테이블 (Table)  (0) 2019.09.20
[HTML5&CSS3] 글자 관련 태그  (2) 2019.09.10
[HTML5/CSS3] 문법 기본 사항  (0) 2019.08.27
[HTML5/CSS3] HTML5의 활용  (0) 2019.08.06
    'Web/HTML5 & CSS3' 카테고리의 다른 글
    • [HTML5&CSS3] 이미지관련 태그
    • [HTML5/CSS3] 테이블 (Table)
    • [HTML5&CSS3] 글자 관련 태그
    • [HTML5/CSS3] 문법 기본 사항
    클리엘
    클리엘
    누구냐 넌?

    티스토리툴바