[HTML] w3schools Exercise
Updated:
์น ํ๋ก๊ทธ๋๋ฐ Quiz #1 ๋๋น Exercise ํ๋ฆฐ ๋ฌธ์ ๋ชจ์
-
์ํ์ , ๊ตฌ๋ถ์ ์
<hr>
์ ์ฌ์ฉํ๋ฉฐ ๋ซ๋ ํ๊ทธ๋ ์๋ค. -
์ ๋ ฅ ํ ๊ทธ๋๋ก๋ฅผ ๋ณด์ฌ์ฃผ๋ ํ๊ทธ๋
<pre> </pre>
์ด๋ค. -
<p>
ํ๊ทธ์์ ๊ฐ์ด๋ฐ ์ ๋ ฌ์<p style="text-align: center">
์ด๋ค. -
๊ฐ์กฐ๋
<strong> <b>
๋ ๋ค.. ํ์ง๋ง ํฐ ์ฐจ์ด๊ฐ ์๋ค.๋ฐ๋ก
<strong>
์ ์น ํ์ด์ง๊ฐ ์ ๋ง ์ค์ํ ๋ถ๋ถ์ด๋ผ๊ณ ์ธ์์ ํ๋ ๋ฐ๋ฉด<b>
๋ ํด๋น ํ ์คํธ๋ฅผ Bold ์ฒ๋ฆฌ ํ ๊ฒ์ด๋ค. -
emphasize๋
<em> </em>
์ด๋ค. ์ด๊ฒ๋<i> </i>
์ ํฐ ์ฐจ์ด๊ฐ ์๋ค.<em>
์ ์น ํ์ด์ง๊ฐ ๊ฐ์กฐํ๋ ๋ถ๋ถ์ด๋ผ๊ณ ์ธ์์ ํ๋ ๋ฐ๋ฉด<i>
๋ ํด๋น ํ ์คํธ๋ฅผ ๊ธฐ์ธ์ด๊ธฐ ์ฒ๋ฆฌ ํ ๊ฒ์ด๋ค. -
H2O ์๋ ์ฒจ์๋
<sub> </sub>
ํ๊ทธ๋ฅผ ์ฌ์ฉํ๋ค. -
blue์ทจ์์ ์<del> </del>
ํ๊ทธ๋ฅผ ์ฌ์ฉํ๋ค. -
Hello
<q> </q>
-
text๊ฐ ๊ธด ์ธ์ฉ๋ฌธ์
<blockquote cite="link"> ~ </blockquote>
ํ๊ทธ๋ฅผ ์ฌ์ฉํ๋ค. -
๊ธ์จ๊ฐ ์จ์ง๋ ๋ฐฉํฅ ์ง์ ์
<bdo dir="rtl"> ~ </bdo>
ํ๊ทธ๋ฅผ ์ฌ์ฉํ๋ค.ex ) ์ด๋ ๊ฒ ํ๋ฉด ๊ฑฐ๊พธ๋ก ์จ์ง์ง์ฉ?
-
์ค์๋ง ํ์๋
<abbr title="์ค์ด๊ธฐ ์ ๋จ์ด">์ค์ธ ๋จ์ด</abbr>
๋ง์ฐ์ค๋ฅผ ์ฌ๋ ค๋ณด๋ฉด ์ค์ด๊ธฐ ์ ๋จ์ด๊ฐ ๋ณด์ธ๋ค.ex ) WHO
-
<a href="https://nam-ki-bok.github.io" style="text-decoration:none"> ~ </a>
๋งํฌ ๋ฐ์ค ์์ ๊ธฐ -
<a href="https://nam-ki-bok.github.io" target="_blank"> ~ </a>
๋งํฌ ํด๋ฆญ ์ ์์ฐฝ์ผ๋ก ๋์ฐ๊ธฐ -
ํ์ ์ ๋ชฉ์
<caption> </caption>
์ด๋ค. -
<ul>
์ ๋ชจ์์ ๋ฐ๊พธ๋ ค๋ฉด<ul style="list-style-type: square">
-
<ol>
์ ์ซ์๋ฅผ ๋ฐ๊พธ๋ ค๋ฉด<ol type="A, a, I, i">
-
์ฉ์ด๋ฅผ ์ ์ํ๋ ค๋ฉด
<dl> <dt> <dd>
๋ฅผ ์ฌ์ฉํ๋ค.ex )
<dl> <dt>Milk</dt> <dd>Mint Choco Milk</dd> <dt>Cookie</dt> <dd>Mint Choco Cookie</dd> </dl>
-
<iframe src="link" width="1024"></iframe>
iframe ํ๊ทธ๋ฅผ ์ฌ์ฉ ํ๋ ๊ฒฝ์ฐ width ๊ฐ ์ค์ ์ ์ด๋ฐ ์์ผ๋ก ํ๋ค. -
input value๋ฅผ ์๋ฒ๋ก ๋๊ธฐ๋ ค๋ฉด ?
<form action="/action_page.php"> Name: <input type="text" name="name"> <input type="submit"> </form>
-
Drop Down Box๋ ์ด๋ป๊ฒ ๋ง๋ค๊น ?
<form action="/action_page.php"> <select name="cars"> <option value="Volvo">Volvo</option> <option value="BMW">BMW</option> <option value="Benz">Benz</option> </select> <input type="submit"> </form>
-
Text ์ ๋ ฅ ์ฐฝ์ placeholder๋ฅผ ๋์ฐ๋ ค๋ฉด ?
<form action="/action_page.php"> Name: <input type="text" placeholder="Input Your Name"> </form>
Leave a comment