๐ป
HTML ์ ์ดํด - ๋ฉํฐ๋ฏธ๋์ด ํ์ฉ(img/audio/video) ๋ณธ๋ฌธ
<img> ํ๊ทธ
https://www.w3schools.com/tags/tag_img.asp
HTML img tag
HTML Tag Example How to insert an image:
Try it Yourself » More "Try it Yourself" examples below. Definition and Usage The tag is used to embed an image in an HTML page. Images are n
www.w3schools.com
- ์๋๊ฒฝ๋ก
./ : ํ์ฌ ํด๋
../ : ์์ ํด๋
- ์ ๋๊ฒฝ๋ก
์ต์ด์ ์์์ ์์ ์ ๋ถ ๋ค
[์ฐธ๊ณ ] ํ์ฌํด๋๋ ์๋ต์ด ๊ฐ๋ฅ (ํท๊ฐ๋ฆฌ๋ฉด ๋ฌด์กฐ๊ฑด ํ์)
์ธ๋ถ ์ด๋ฏธ์ง -> ์ด๋ฏธ์ง ๋งํฌ ๋ณต์ฌ๋ก ๋งํฌ๋ฅผ ๋ฃ์ด์ค๋ค(ํฌ๋กฌ ๋ธ๋ผ์ฐ์ ์์)
<audio> ํ๊ทธ
https://www.w3schools.com/tags/tag_audio.asp
HTML audio tag
HTML Tag Example Play a sound file:
Try it Yourself » Definition and Usage The tag is used
www.w3schools.com
<video> ํ๊ทธ
https://www.w3schools.com/tags/tag_video.asp
HTML video Tag
HTML Tag Example Play a video:
Try it Yourself » Definition and Us
www.w3schools.com
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>์ด๋ฏธ์ง ์ค๋์ค ๋์์</title>
</head>
<body>
<!-- ์๋๊ฒฝ๋ก
./ : ํ์ฌ ํด๋
../ : ์์ ํด๋ -->
<img src="./../../pengsoo.jpg" width="400" height="300" alt="์ด๋ฏธ์ง ์์"/>
<img src="./../../../img/pengsoo.jpg" width="400" height="300" alt="์ด๋ฏธ์ง ์์"/>
<img src="./../../../img/test/pengsoo.jpg" width="400" height="300" alt="์ด๋ฏธ์ง ์์"/>
<br/>
<img src="https://t1.daumcdn.net/daumtop_chanel/op/20170315064553027.png"/>
<br/>
<h3>์ค๋์ค</h3>
<audio controls autoplay loop>
<source src="./../../../img/test/Sleep Away.mp3" type="audio/mpeg">
</audio>
<h3>๋น๋์ค</h3>
<video src="./../../../img/test/penguins.mp4" autoplay="autoplay"
controls="controls" type="video/mp4">
</video>
</body>
</html>'KITRI > HTML' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
| HTML ์ ์ดํด - ๊ทธ ์ธ ํ๊ทธ๋ค(select/form/table) (0) | 2020.05.28 |
|---|---|
| HTML ์ ์ดํด - input ํ๊ทธ (0) | 2020.05.27 |
| HTML ์ ์ดํด - HTML ์ ๊ตฌ์กฐ์ ๊ธฐ๋ณธํ๊ทธ(h/font/ul/ol) (0) | 2020.05.27 |
| HTML ์ ์ดํด - Tomcat ๋ค์ด๋ก๋ ๋ฐ ์ค์น/ ๊ธฐ๋ณธ ์ธํ (0) | 2020.05.27 |
