2์ผ์ฐจ ๋ฆฌ์ŠคํŠธ ํƒœ๊ทธ <li>, <ol>, <ul>,<dl>,<dd>,<dt>,<a href=" >

2020. 10. 24. 15:18ใ†HTML & CSS ๐Ÿ’™/HTML ์—ฐ์Šต

<li> : list ํƒœ๊ทธ - order๋ฆฌ์ŠคํŠธ ์•ˆ์— ๋ฆฌ์ŠคํŠธ๋ฅผ ๋งŒ๋“ค ๋•Œ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค. 

<ol> order list ํƒœ๊ทธ - ๋ฒˆํ˜ธ๋ฅผ ์ž๋™์œผ๋กœ ๊ธฐ์ž…ํ•ด ์ฃผ๋Š” ๋ฆฌ์ŠคํŠธ ํƒœ๊ทธ 

<ul> unorder list ํƒœ๊ทธ - ์ ์„ ์ž๋™์œผ๋กœ ๊ธฐ์ž…ํ•ด ์ฃผ๋Š” ๋ฆฌ์ŠคํŠธ ํƒœ๊ทธ 

 

ํ•˜์ดํผ๋งํฌ ์ง€์ • ํƒœ๊ทธ

<a href="http://๋„๋ฉ”์ธ ์ฃผ์†Œ/DNS์ฃผ์†Œ" target="_blank"</a> ์ƒˆ ์ฐฝ์—์„œ ์ฃผ์†Œ ์—ด๊ธฐ

<a href="http://๋„๋ฉ”์ธ ์ฃผ์†Œ/DNS์ฃผ์†Œ" target="_self"</a> ํ˜„์žฌ ์ฐฝ์—์„œ ์ฃผ์†Œ ์—ด๊ธฐ

 

<dl> definition list : ์ •์˜ ๋ชฉ๋ก์œผ๋กœ, ์•„๋ฌด๋Ÿฐ ํ‘œ์‹œ๊ฐ€ ์—†์ด ๋ฆฌ์ŠคํŠธ์—… ๋ฉ๋‹ˆ๋‹ค.

<dt> definition term : ์ •์˜ ์šฉ์–ด๋กœ, ์นดํ…Œ๊ณ ๋ฆฌ ํ‘œ์‹œ๊ฐ€ ๋ฉ๋‹ˆ๋‹ค. 

<dd> definition description ์ •์˜ ์„ค๋ช…์œผ๋กœ, dt ์•ˆ์˜ ๋ฆฌ์ŠคํŠธ๊ฐ€ ๋ฉ๋‹ˆ๋‹ค. 

 

----------------------------------------------

 

<html>

 

<head>

  <meta charset="utf-8">

  <meta name="viewport" content="width=device-width">

  <title>repl.it</title>

  <link href="style.css" rel="stylesheet" type="text/css" />

</head>

 

<body>

  <script src="script.js">

 

  </script>

  <p> ๋ฉ”๋‰ด ๋ฆฌ์ŠคํŠธ </p>

  <ul>

    <li> ์‚ผ๊ฒน์‚ด </li>

    <li> ์–‘๊ณ ๊ธฐ </li>

    <li> ๋งŒ๋‘ </li>

    <li> ์น˜ํ‚จ </li>

    <li> ๋‹ญ๊ฐˆ๋น„ </li>

  </ul>

 

  <p> ์ง€์—ญ ๋ฆฌ์ŠคํŠธ </p>

  <ol>

    <li> ์„œ์šธํŠน๋ณ„์‹œ </li>

    <li> ๊ฒฝ๊ธฐ๋„ </li>

    <li> ์ถฉ์ฒญ๋„ </li>

    <li> ๊ฐ•์›๋„ </li>

    <li> ์ „๋ผ๋„ </li>

    <li> ์ œ์ฃผ๋„ </li>

  </ol>

 

  <p> ๊ฒ€์ƒ‰ ์‚ฌ์ดํŠธ ๋ฆฌ์ŠคํŠธ </p>

  <ol>

    <li><a href="http://www.naver.com" target="_blank">naver</a></li>

    <li><a href="http://www.google.com" target="_self">google</a></li>

  </ol>

 

  <dl>

    <dt> TO DO LIST </dt>

    <dd> laundry </dd>

    <dd> grocery shopping </dd>

    <dd> book a ticket </dd>

    <dd> 5 new ideas for project </dd>

  </dl>

 

  <dl>

    <dt> ์ฑ„๋„ ๋ฆฌ์ŠคํŠธ </dt>

    <dd> YTN </dd>

    <dd> EBS </dd>

    <dd> MBC </dd>

    <dd> SBS </dd>

    <dd> TvN </dd>

  </dl>



</body>

 

</html>

 

-------------------- ๊ฒฐ๊ณผ๋ฌผ -------------------------

 

๋ฉ”๋‰ด ๋ฆฌ์ŠคํŠธ

  • ์‚ผ๊ฒน์‚ด
  • ์–‘๊ณ ๊ธฐ
  • ๋งŒ๋‘
  • ์น˜ํ‚จ
  • ๋‹ญ๊ฐˆ๋น„

์ง€์—ญ ๋ฆฌ์ŠคํŠธ

  1. ์„œ์šธํŠน๋ณ„์‹œ
  2. ๊ฒฝ๊ธฐ๋„
  3. ์ถฉ์ฒญ๋„
  4. ๊ฐ•์›๋„
  5. ์ „๋ผ๋„
  6. ์ œ์ฃผ๋„

๊ฒ€์ƒ‰ ์‚ฌ์ดํŠธ ๋ฆฌ์ŠคํŠธ

  1. naver
  2. google

TO DO LIST

  laundry

  grocery shopping

  book a ticket

  5 new ideas for project

 

์ฑ„๋„ ๋ฆฌ์ŠคํŠธ

  YTN

  EBS

  MBC

  SBS

  TvN

 

์ €์ž‘์žํ‘œ์‹œ ๋น„์˜๋ฆฌ ๋ณ€๊ฒฝ๊ธˆ์ง€

'HTML & CSS ๐Ÿ’™ > HTML ์—ฐ์Šต' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€

3์ผ์ฐจ ๋ ˆ์ด์•„์›ƒ ๊ตฌ์„ฑ ํƒœ๊ทธ div / span , div๋ฅผ ์ด์šฉํ•œ ๋ ˆ์ด์•„์›ƒ ๊ตฌ์„ฑ  (0) 2020.10.26
3์ผ์ฐจ Form ํƒœ๊ทธ  (0) 2020.10.26
3์ผ์ฐจ ๊ฐœ์ธ์—ฐ์Šต Video ํƒœ๊ทธ ๋ฐ html ์ฝ˜ํ…์ธ  ๋ชจ๋ธ  (0) 2020.10.26
2์ผ์ฐจ img ์ด๋ฏธ์ง€ ํƒœ๊ทธ / audio ์†Œ๋ฆฌ ํƒœ๊ทธ  (0) 2020.10.24
2์ผ์ฐจ table ํƒœ๊ทธ  (0) 2020.10.24
1์ผ์ฐจ Paragraph, ๊ธ€์”จํฌ๊ธฐ ํƒœ๊ทธ  (0) 2020.10.24

๊ด€๋ จ๊ธ€

๋Œ“๊ธ€ 0

ํ‹ฐ์Šคํ† ๋ฆฌํˆด๋ฐ”