๐Ÿงฉ ๊ธฐ๋ก์ž ๊ผฌ๋น„์˜ ํ†ต์ œ ๋ฃจํ‹ด

IT/HTML&CSS

[html] ๋ฆฌ์ŠคํŠธ ํ™œ์šฉ(2021-08-26)

๊ธฐ๋ก์ž ๊ผฌ๋น„ 2021. 11. 7. 
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>๋ฆฌ์ŠคํŠธ ํ™œ์šฉ1</title>
  </head>
  <body>
    <h1>๋ฆฌ์ŠคํŠธ ์ค‘์ฒฉ</h1><!--์˜ˆ์ œ๋ฌธ์ œ ํ’€์–ด๋ณด๊ธฐ : ์กฐ์ง๋„๋ฅผ ๋ฆฌ์ŠคํŠธํ™” ์‹œ์ผœ๋ณด์ž! / ์‰ฝ๊ฒŒ ํ•ด๊ฒฐํ•˜๋Š” ๋ฐฉ๋ฒ• : ๋Ž์Šค ์ˆœ์„œ๋Œ€๋กœ ๋งŒ๋“ค์ž(1๋Ž์Šค ๋‹ค ๋งŒ๋“ค๊ณ , 2๋Ž์Šค ๋‹ค ๋งŒ๋“ค๊ณ , 3๋Ž์Šค ๋งŒ๋“ค์ž!)-->
      <ul>
        <li>๋Œ€ํ‘œ์ด์‚ฌ
          <ul>
            <li>๊ฒฝ์˜๊ด€๋ฆฌ๋ถ€๋ฌธ
              <ul>
                <li>๊ฒฝ์˜๊ด€๋ฆฌ๋ณธ๋ถ€</li>
              </ul>
            </li>
            <li>PLM์‚ฌ์—…๋ถ€๋ฌธ
              <ul>
                <li>PLM๊ด‘์—ญ์‚ฌ์—…๋ณธ๋ถ€</li>
                <li>PLM์˜๋‚จ์‚ฌ์—…๋ณธ๋ถ€</li>
                <li>๊ธฐ์ˆ ์‚ฌ์—…๋ณธ๋ถ€</li>
              </ul>
            </li>
            <li>์†”๋ฃจ์…˜์‚ฌ์—…๋ถ€๋ฌธ
              <ul>
                <li>HPC์‚ฌ์—…๋ถ€</li>
                <li>INSPUR์‚ฌ์—…๋ถ€</li>
                <li>CLOUD์‚ฌ์—…๋ถ€</li>
                <li>SI์‚ฌ์—…๋ถ€</li>
                <li>MA์‚ฌ์—…๋ถ€</li>
              </ul>
            </li>
            <li>์‹ ์‚ฌ์—…๋ถ€๋ฌธ
              <ul>
                <li>์‹ ์‚ฌ์—…๋ณธ๋ถ€</li>
              </ul>
            </li>
          </ul>
        </li>
      </ul>
    <hr>
    <h3>์˜ˆ์ œ๋ฌธ์ œ</h3>
    <ul>
      <li><a href="#" target="_blank">๊ธ€๋ผ์Šค์•„ํŠธํƒ€์ผ</a>
        <ul>
          <li><a href="#">๋ช…ํ™”</a></li>
          <li><a href="#">์ผ๋Ÿฌ์ŠคํŠธ</a></li>
          <li><a href="#">ํ’๊ฒฝํ™”</a></li>
          <li><a href="#">๋™์–‘ํ™”</a></li>
          <li><a href="#">๋™,์‹๋ฌผ</a></li>
          <li><a href="#">๊ธฐํƒ€์ด๋ฏธ์ง€</a></li>
        </ul>
      </li>
      <li><a href="#">ํƒ€์ผ</a>
        <ul>
          <li><a href="#">๊ธ€๋ผ์Šค๋ชจ์ž์ดํฌํƒ€์ผ</a></li>
          <li><a href="#">์ž๊ธฐ์งˆ๋ชจ์ž์ดํฌํƒ€์ผ</a></li>
          <li><a href="#">๋ฒฝ๋ฉด์šฉํƒ€์ผ</a>
            <ul>
              <li><a href="#">200*200/300mm</a></li>
              <li><a href="#">250*400mm</a></li>
              <li><a href="#">300*600mm</a></li>
            </ul>
          </li>
          <li><a href="#">๋ฐ”๋‹ฅ์šฉํƒ€์ผ(๋ฒฝ๋ฉด๊ฒธ์šฉ)</a>
            <ul>
              <li><a href="#">150*150mm</a></li>
              <li><a href="#">200*200mm</a></li>
              <li><a href="#">300*300m</a></li>
              <li><a href="#">ํด๋ฆฌ์‹ฑํƒ€์ผ</a></li>
              <li><a href="#">๊ธฐํƒ€</a></li>
            </ul>
          </li>
          <li><a href="#">ํฌ์ธํŠธํƒ€์ผ(๋ฐ”๋‹ฅ/๋ฒฝ๊ฒธ์šฉ)</a></li>
          <li><a href="#">๋ฒฝํ™”ํƒ€์ผ</a></li>
          <li><a href="#">ํƒ€์ผ๋ถ€์ž์žฌ/ํƒ€์ผ์ปคํŒ…</a></li>
        </ul>
      </li>
      <li><a href="#">์š•์‹ค์žฅ</a></li>
      <li><a href="#">๊ธฐํƒ€์ƒํ’ˆ</a>
        <ul>
          <li><a href="#">์•ก์ž์ƒํ’ˆ</a></li>
          <li><a href="#">์‹œ๊ณ„</a></li>
          <li><a href="#">ํฌํฌ์•„ํŠธ์†Œํ’ˆ</a></li>
        </ul>
      </li>
    </ul>
    <hr>
    <h3>์ค‘์ฒฉ์˜ ์ค‘์ฒฉ ์˜ˆ์‹œ</h3>
    <p><span style="color:red">์…€ํ”„์—ฐ์Šต</span></p>
        <ul>
          <li>์ฝ”๋ผ๋ฆฌ
            <ul>
              <li>๋“ ๋“ ํ•œ ๋Š๋‚Œ์ด ์ข‹๋‹ค.</li>
              <li>๋ชธ์ง‘์ด ์ปค์„œ ์ข‹๋‹ค.</li>
                <ol type="A" start="3">
                  <li>์ดˆ์‹๋™๋ฌผ์ด๋ผ์„œ ์ข‹๋‹ค.
                  <li>์ œ์ผ ์„ธ์„œ ์ข‹๋‹ค.</li>
                </ol>
              </ul>
          <li>๊ฐ•์•„์ง€</li>
          <li>๊ณ ์–‘์ด</li>
        </ul>
  </body>
</html>

์˜ˆ์ œ1

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>๋ฆฌ์ŠคํŠธ ํ™œ์šฉ1-1.์—ฐ์Šต๋ฌธ์ œ</title>
  </head>
  <body>
    <h3>๋ฆฌ์ŠคํŠธ ์ค‘์ฒฉ ์˜ˆ์ œ(์กฐ์ง๋„_3๋Ž์Šค) 1 ํ’€์–ด๋ณด๊ธฐ</h3>
    <ul>
      <li>๋Œ€ํ‘œ์ด์‚ฌ
        <ul>
          <li>๊ด€๋ฆฌ๋ถ€๋ฌธ
            <ul>
              <li>์ด๋ฌด</li>
              <li>๊ตฌ๋งค</li>
              <li>๊ฒฝ๋ฆฌ</li>
            </ul>
          </li>
          <li>์˜์—…๋ถ€๋ฌธ
            <ul>
              <li>์„ค๊ณ„</li>
              <li>์˜์—…</li>
            </ul>
          </li>
          <li>๊ธฐ์ˆ /์ƒ์‚ฐ๋ถ€๋ฌธ
            <ul>
              <li>์ƒ์‚ฐ</li>
              <li>QM</li>
              <li>์‹œ๊ณต</li>
              <li>์‹œ ์šด์ „</li>
              <li>A/S</li>
            </ul>
          </li>
          <li>์ž๋™ํ™” ์—ฐ๊ตฌ์†Œ
            <ul>
              <li>ํ•˜๋“œ์›จ์–ด</li>
              <li>์†Œํ”„ํŠธ์›จ์–ด</li>
            </ul>
          </li>
        </ul>
      </li>
    </ul>
    <hr>
    <h3>๋ฆฌ์ŠคํŠธ ์ค‘์ฒฉ ์˜ˆ์ œ(์กฐ์ง๋„_4๋Ž์Šค) 2 ํ’€์–ด๋ณด๊ธฐ</h3>
    <ul>
      <li>๋Œ€ํ‘œ
        <ul>
          <li>๋ณธ์‚ฌ
            <ul>
              <li>์˜์—…ํŒ€</li>
              <li>๊ฐœ๋ฐœํŒ€</li>
              <li>๊ณต์‚ฌํŒ€</li>
              <li>๊ด€๋ฆฌํŒ€</li>
            </ul>
          </li>
          <li>๊ณต์žฅ
            <ul>
              <li>์ƒ์‚ฐ1</li>
              <li>์ƒ์‚ฐ2</li>
              <li>๊ด€๋ฆฌํŒ€</li>
            </ul>
          </li>
          <li>์˜์—…
            <ul>
              <li>์งํŒ์˜์—…</li>
              <li>ํ•ด์™ธ์˜์—…
                <ul>
                  <li>์ผ๋ณธ</li>
                </ul>
              </li>
              <li>๊ตญ๋‚ด์˜์—…</li>
            </ul>
          </li>
        </ul>
      </li>
    </ul>
  </body>
</html>
โ€‹

 

'IT > HTML&CSS' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€

[HTML] ํƒญ์ œ๋ชฉ_๊ธฐ์ดˆ(2021-08-17)  (0) 2021.11.07
[HTML] ๊ธฐ๋ณธํ”„๋ ˆ์ž„ ๋งŒ๋“ค๊ธฐ(2021-08-17)  (0) 2021.11.07
[HTML] aํƒœ๊ทธ/์†์„ฑ(2021-08-19)  (0) 2021.11.07
[HTML] ์ด๋ฏธ์ง€/์˜์ƒ/์œ ํŠœ๋ธŒ ๋งํฌ ์˜ฌ๋ฆฌ๊ธฐ(2021-08-24)  (0) 2021.11.07
[html] ๋ฆฌ์ŠคํŠธ ํƒœ๊ทธ(2021-08-26)  (0) 2021.11.07

๋Œ“๊ธ€

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