[스크랩] 태그 기초 = 이미지 태그

휴.. 또 해 봅시다. 이미지,사진,그림 모두 같습니다. 이미지태그는 기본 <img src="그림주소">가 됩니다. 웹에서 이미지의 주소를 보려면 그림에 오른쪽클릭을 한 후 "등록 정보" 또는 "속성" 을 선택하시면 주소(URL):에 그림의 주소가 나옵니다. 1.이미지 크기 정하기▶ <img src="img/totoro" width="500" height="100"> ▶ 가로500, 세로100 크기 입니다. 크기는 퍼센트% 로 적어도 됩니다. (%로 지정하면 해당페이지 크기가 100%기준이 됩니다) 실행 결과)- 2.alt문자열 넣기▶ <img src="img/totoro.jpg" alt="토토로"> ▶ 그림에 마우스를 가져가면 "토토로"라는문자가 뜹니다. 실행 결과)- 3.테두리 넣기▶ <img src="img/totoro.jpg" border="7"> ◀ 이 숫자 "7" 이 테두리 굵기가 7이라는 겁니다. 링크태그에 그림을 링크한다면 border="0" 으로 해줘야 깔끔하게 나옵니다; 실행 결과)- 4.문장의 위치 정렬하기(작은 이미지라해도 문자와 같은줄에 쓴다면 필요합니다.)▶ <img src="img/totoro.jpg" align="top"> 문장이 이미지의 상단 부분에 정렬됩니다. <img src="img/totoro.jpg" align="middle"> 문장이 이미지의 중간 부분에 정렬됩니다. <img src="img/totoro.jpg" align="bottom"> 문장이 이미지의 하단 부분에 정렬됩니다. 실행 결과) ◀클릭

출처 : 희망의 언덕

글쓴이 : ★귀여운여인★ 원글보기

메모 :