HTML๐Ÿ”จ/html

dl, dt, dd ๊ตฌ์กฐ (์ œ๋ชฉ. ๋‚ด์šฉํ•˜๋‚˜์ด์ƒ)

hyojinny 2022. 12. 15. 09:48

 

 

dl ์€ dt dd ๊ฐ€ ํ•œ๊ฐ€์ง€ ์ด์ƒ์”ฉ ์žˆ์„๋•Œ๋งŒ dl, dt, dd ๋ฅผ ์‚ฌ์šฉํ•œ๋‹ค. 

์ œ๋ชฉ > ๋‚ด์šฉ๊ตฌ์กฐ์ผ๋–„ 

dl ์•ˆ div ๋ถˆ๊ฐ€.

dd, dt ์•ˆ์— div ๊ฐ€๋Šฅ

 

 

 

          <!-- ์ฃผ์†Œ์•ž์— ์ œ๋ชฉ์ด ๋ถ™์œผ๋ฉด dl/dt/dd -->
          <!-- dl ์•ˆ์ชฝ dt์™€ dd๊ฐ€ ๋ฐ˜๋“œ์‹œ ํ•˜๋‚˜์ด์ƒ ํฌํ•จ๋˜์•ผ๋จ -->
          <dl class="address">
            <dt>๋„ฅ์Šจ๊ฒŒ์ž„์ฆˆ SEOUL</dt>
            <dd>์„œ์šธํŠน๋ณ„์‹œ ๊ฐ•๋‚จ๊ตฌ ๋‚จ๋ถ€์ˆœํ™˜๋กœ 2621 ๋””์•ค์˜ค ๊ฐ•๋‚จ๋นŒ๋”ฉ 5์ธต</dd>
          </dl>
          <dl class="address">
            <dt>๋„ฅ์Šจ๊ฒŒ์ž„์ฆˆ PANGYO</dt>
            <dd>๊ฒฝ๊ธฐ ์„ฑ๋‚จ์‹œ ๋ถ„๋‹น๊ตฌ ํŒ๊ต๋กœ 256๋ฒˆ๊ธธ 25 ํŒ๊ต ํ…Œํฌ๋…ธ๋ฒจ๋ฆฌ</dd>
          </dl>