1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 | <!DOCTYPE html> <head> <title> 열심히공부하자 </title> </head> <body> <!------------------------> <!--이미지--> <!------------------------> <p><img src="0912white.jpg" alt="나야나" width="50"></p> <p><img src="https://www.google.com/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png" alt="구글이미지"></p> <!-- alt 이미지가 해당경로에 없을때 나타내줌--> <!-- width는 css에서 사용해주기때문에 html에서 사용할 일은 거의 없음--> <!------------------------> <!--사운드--> <!------------------------> <audio src="190116_19개월아기가 사진찍을때/20190115_152300.mp4" controls="controls" autoplay="autoplay" loop="loop"></audio> <!--src : 경로 / controls : 컨트롤이미지 생성여부 autoplay : 웹페이지를열었을때 바로 실행여부 / loop : 반복여부--> <table width="200" border="1" > <tr> <td> <h1>주간 히트 노래</h1> <hr /><!--한줄긋기--> <ol> <li><img src="0912white.jpg" width="50" alt="안녕1"><a href="#">안녕1</a></li> <li><img src="0912white.jpg" width="50" alt="안녕2"><a href="#">안녕2</a></li> <li><img src="0912white.jpg" width="50" alt="안녕3"><a href="#">안녕3</a></li> <li><img src="0912white.jpg" width="50" alt="안녕4"><a href="#">안녕4</a></li> <li><img src="0912white.jpg" width="50" alt="안녕5"><a href="#">안녕5</a></li> </ol> <p><audio src="190116_19개월아기가 사진찍을때/20190115_152300.mp4" controls="controls" autoplay="autoplay" loop="loop"></audio></p> </td> </tr> </table> </body> | cs |
이미지
<p><img src="0912white.jpg" alt="나야나" width="50"></p>
<p><img src="https://www.google.com/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png" alt="구글이미지"></p>
alt : 이미지가 해당경로에 없을때 나타내줌
width : css에서 사용해주기때문에 html에서 사용할 일은 거의 없음
사운드
<audio src="190116_19개월아기가 사진찍을때/20190115_152300.mp4" controls="controls" autoplay="autoplay" loop="loop"></audio>
src : 경로
controls : 컨트롤이미지 생성여부
autoplay : 웹페이지를열었을때 바로 실행여부
loop : 반복여부
'프로그래밍' 카테고리의 다른 글
| div와 시멘틱을 이용한 레이아웃 (0) | 2019.03.27 |
|---|---|
| 비디오 / form / 블록,라인 (0) | 2019.03.27 |
| [WPF]레이아웃 (0) | 2019.02.01 |
| [WPF]WrapPanel (0) | 2019.02.01 |
| [WPF]stackPanel (0) | 2019.02.01 |
댓글