Front-End

[Codecademy: Learn HTML]

oesnoey 2025. 3. 8. 15:49

<br>: ์ค„๋ฐ”๊ฟˆ (์ค„๋ฐ”๊ฟˆ์ด๋ผ๋Š” ์‹œ๊ฐ์  ์˜๋ฏธ๋งŒ ๊ฐ€์ง€๊ณ  ์žˆ๊ธฐ ๋•Œ๋ฌธ์—, ๋‹ซ์ง€ ์•Š์Œ)

<p></p>: ๋‹จ๋ฝ ๋‚˜๋ˆ” (์–ด๋””์„œ๋ถ€ํ„ฐ ์–ด๋””๊นŒ์ง€๊ฐ€ ํ•œ ๋‹จ๋ฝ์ธ์ง€ ํ‘œํ˜„ํ•  ์ˆ˜ ์žˆ๊ธฐ ๋•Œ๋ฌธ์— ๋‹ซํžˆ๋Š” ํƒœ๊ทธ๋„ ์กด์žฌ)

 

<em></em>: italic emphasis

<strong></strong>: bold emphasis

 

<ol></ol>: ordered list ์ƒ์„ฑํ•  ๋•Œ

 

<ul></ul>: unordered list ์ƒ์„ฑํ•  ๋•Œ

 

 

- ์ด๋ฏธ์ง€ ์ถ”๊ฐ€

<image src="์ด๋ฏธ์ง€ ๋งํฌ" alt="์ด๋ฏธ์ง€ ์„ค๋ช…" />

๋‹ซ๋Š” ํƒœ๊ทธ ๋”ฐ๋กœ ํ•„์š”ํ•˜์ง€ ์•Š๊ณ , ๋งˆ์ง€๋ง‰์— slash ํ•˜๋‚˜ ์ถ”๊ฐ€ํ•ด์ฃผ๋ฉด ๋จ. 

์ด๋ฏธ์ง€ ์„ค๋ช…: ๋งˆ์šฐ์Šค ๊ฐ–๋‹ค๋Œ”์„ ๋•Œ ๋œจ๋Š” ๋ฌธ๊ตฌ

 

- ๋™์˜์ƒ ์ถ”๊ฐ€

<video src="์ด๋ฏธ์ง€ ๋งํฌ" ></video>

<video src="๋น„๋””์˜ค ๋งํฌ" width="320" height="240" controls> 
	Video not supported
</video>

 

์ด๋ฏธ์ง€ ํƒœ๊ทธ์™€ ๋‹ค๋ฅด๊ฒŒ ๋ณ„๋„์˜ ๋‹ซ๋Š” ํƒœ๊ทธ ํ•„์š”

width, height๋ฅผ ํ†ตํ•ด -> ๋ธŒ๋ผ์šฐ์ €์— ํ‘œ์‹œ๋˜๋Š” ๋น„๋””์˜ค์˜ ํฌ๊ธฐ ์„ค์ • 

controls๋ฅผ ํ†ตํ•ด -> ๋™์˜์ƒ์˜ ๊ธฐ๋ณธ ๊ธฐ๋Šฅ์ธ pause, play ํฌํ•จํ•˜๋„๋ก ์ง€์‹œ 

Video not supported -> <Video></Video> ์‚ฌ์ด์— ์žˆ๋Š” ํ…์ŠคํŠธ๋Š” ๋น„๋””์˜ค๋ฅผ ๋กœ๋“œํ•  ์ˆ˜ ์—†์„ ๋•Œ ํ‘œ์‹œ