리스트와 설명 목록 태그

📁Web Developing/HTML 기초

리스트와 설명 목록 태그

Hush 2022. 5. 28. 16:24

list 태그

목록을 표시하는 법도 알아보자.

<li></li>로 감싸면 목록이 된다.

<ul></ul>로 감싸면 그루핑이 된 효과가 일어난다.

일반적으로 ul태그로 li태그들을 감싸서 사용한다.

ul대신 ol로 감싸면 숫자가 있는 리스트로 만든다.

<!DOCTYPE html>
<html>
    <head>
      <title>pagename</title>
        <link rel="stylesheet" href="style.css">
    </head>
    <body>
        <div class="title">
            Hello, <a href="https://hushinn.tistory.com/" title='engineer'>GYHEO!</a>
        </div>
    </body>
</html>

Colored by Color Scripter

<ttcs

설명 목록 태그

description list란 이름과 값 형태로 된 목록을 말한다. 마치 사전에서처럼 단어명과 설명이 있는 모습을 상상하면 된다.

<dl></dl>태그로 전체를 감싼 뒤 dl태그 쌍 사이에 <dt>태그쌍과 <dd>태그쌍을 넣는다. 이때 dt태그 하나에 dd태그 여러개를 사용할 수 도 있다.

저작자표시 (새창열림)