HTML_목록태그

https://coding-diary100.tistory.com/29

HTML_기본개념

 

 

 

기본개념은 따로 정리해 놓았다.

사용 Tool: vscode

 

목록태그

 

목록 태그

-<ul> : 순서가 없는 목록 태그, 블록태그

원하는값

 ·김사과
    ·오렌지
    ·반하나
문법
    <ul>
        <li>김사과</li>
        <li>오렌지</li>
        <li>반하나</li>
    </ul>

-<ol> : 순서가 있는 목록 태그,블록 태그

원하는값 

1.김사과
    2.오렌지
    3.반하나
문법
    <ol>
        <li>김사과</li>
        <li>오렌지</li>    
        <li>반하나</li>
    </ol>

-<dl>: 정의 목록태그 , 블록태그

원하는값
류정원 선생님
    김사과 학생
    오렌지 학생
    반하나 학생

문법
    <dl>
        <dt>류정원 선생님</dt>
        <dd>김사과 학생</dd>
        <dd>오렌지 학생</dd>
        <dd>반하나 학생</dd>
    </dl>

 

 

 

결과물

 

 

※Tip : 에밋 사용하기

    <dl>
        <dt></dt>
        <dd></dd>
        <dd></dd>
        <dd></dd>
    </dl>

 

구문 만들기  :  dl>dt*1+dd*3 : dl 문 안에 dt와 dd를 둘것이며 dt문을 1개 dd문을 3개 만들겠다.