2020.10.23 HTML 노트 리스트DL

날짜:

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Insert title here</title>

<link rel="stylesheet" href="../css/public.css">


<style>

 dl { 

border : 1px solid blue; 

width : 200px;

padding : 5px;

margin : 10px;

float : left;

 } 


</style>




</head>

<body>

 

  <pre>

  

  

  &lt;dl&gt;

    &lt;dt&gt;에스프레소&lt;/dt>

    &lt;dd&gt;- 커피의 기본, 커피의 원액이다.&lt;/dd>

    &lt;dt&gt;아메리카노&lt;/dt>

    &lt;dd&gt;- 에스프레소에 물을 넣은 것&lt;/dd>

    &lt;dt&gt;카페라떼&lt;/dt>

    &lt;dd&gt;- 커피에 우유를 섞은 것&lt;/dd>

  &lt;/dl&gt;


 </pre>

 

 

 <dl>

    <dt>에스프레소</dt>

    <dd>

    <ol>

    <li> 커피의 기본</li>

    <li>커피의 원액이다.</li>

    </ol>

    </dd>

    <dt>아메리카노</dt>

    <dd>- 에스프레소에 물을 넣은 것</dd>

    <dt>카페라떼</dt>

    <dd>- 커피에 우유를 섞은 것</dd>

 </dl>

 

  <dl>

    <dt>에스프레소</dt>

    <dd>- 커피의 기본, 커피의 원액이다.</dd>

    <dt>아메리카노</dt>

    <dd>- 에스프레소에 물을 넣은 것</dd>

    <dt>카페라떼</dt>

    <dd>- 커피에 우유를 섞은 것</dd>

 </dl>

 


 

</body>

</html>

댓글

댓글 쓰기