html: 이미지 태그 알아보기(0323)

오늘은 html 수업을 들은지 3일째 되는날... 역시 어렵다 하핳

그런의미로 복습차 다시 끄적여보도록 하겠다잉

다른 분들도 도움이 되시길!

 

1. 이미지 태그

위 사진과 금계국 및 야생화랑 관계없음

<h3>금계국</h3>
<img src="flower.jpg" title="해당화(원본)">
<img src="flower.jpg" width="300" height="212" title="해당화(300*212)">
<img src="flower.jpg" width="150" title="해당화(가로:150, 세로 : 자동계산)">
<p>금계국은 북아메리카 원산이며 관상요으로 화단에서 재배한다. 6월~8월에 지금 2.5~5cm 노란 꽃이 줄기와 가지 끝에 한 송이씩 핀다. 물 빠짐이 좋은 모래흙이나 마사토에서 잘 자란다.</p>
<img src="http://www.e-mirim.hs.kr/images/common/title_logo.png">

 

1-1) <img>태그의 속성

속성	설명
src	삽입하는 이미지 파일의 이름(경로 포함) 지정
width	이미지의 너비 지정
height	이미지의 높이 지정
title	마우스 포인터를 갖다 댔을 때 나타나는 이미지 설명 지정

 

2. 오디오

mp3파일을 내파일에 넣어놔야 된다

 

 <audio src="evocation.mp3"autoplay controls loop></audio>

2-1) <audio> 태그의 속성

속성	설명
src	삽입하는 오디오 파일의 이름(경로 포함) 지정
controls	화면에 플레이어 표시여부 지정
autoplay	자동 시작 지정
loop	무한 반복 지정

 

오늘은 여기까지! 

나중에 이미지와 오디오랑 같이 넣어 만들어보면

매우 재밌을 것 같다!!

배울 때는 뭔가 엄청 많았는데 

이렇게 써보니 배운게 별로 많이 없는 것 같다

아직 배운지 얼마 안된 새내기라서 그런것 같다