>  기사  >  웹 프론트엔드  >  html에 그림 삽입 예(html에 그림 추가)_HTML/Xhtml_웹페이지 제작

html에 그림 삽입 예(html에 그림 추가)_HTML/Xhtml_웹페이지 제작

WBOY
WBOY원래의
2016-05-16 16:37:592353검색

HTML에 그림을 삽입하려면 HTML 태그가 필요합니다.

1. HTML 이미지 태그 구문


코드 복사
코드는 다음과 같습니다.


img 소개:

src 뒤에는 이미지 경로 주소가 옵니다

width는 이미지 너비를 설정합니다.

높이는 이미지 높이를 설정합니다

2. 특정 HTML 이미지 표시 예시 - TOP

HTML 소스 코드에 세 개의 그림을 삽입합니다. 하나는 원본 크기이고, 하나는 너비와 높이가 작게 변경되고, 하나는 너비와 높이가 크게 변경되었습니다.

1. 예제의 전체 HTML 코드:


코드 복사
코드는 다음과 같습니다. 🎜>



;HTML 온라인 데모에 이미지 삽입< ;a href="http://www.vcss.com</title">www.vcss.com</title</a>> <br></head> 🎜> <br> <br><p>원본 큰 이미지</p> <br><p><br><img src="divcss5-logo-201305.gif" style="max-width:90%" height="60 " alt="html에 그림 삽입 예(html에 그림 추가)_HTML/Xhtml_웹페이지 제작" ></p> <br><p>사진을 더 작은 크기로 변경하세요</p> <br><p> <br><img src ="divcss5-logo-201305.gif " width="105" style="max-width:90%" /> <br></p> <br><p>사진을 더 큰 크기로 변경하세요</p> 🎜><p> <br><img src="divcss5-logo-201305.gif" width="365" height="120" /> <br></p> body> <br></html> <br><br><br>2. html에 이미지 삽입 예시 스크린샷<br> <br><br> </p>

html 이미지 삽입 표시 예시 스크린샷

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.