>  기사  >  웹 프론트엔드  >  HTML에 그림을 삽입하는 방법을 가르쳐주세요.

HTML에 그림을 삽입하는 방법을 가르쳐주세요.

Y2J
Y2J원래의
2017-05-24 09:38:1311345검색

이 글에서는 html에 그림을 삽입하는 예를 주로 소개합니다.(html에 그림 추가) 필요한 친구들은

html에 그림을 삽입하여 그림을 표시하려면 img 태그를 사용할 수 있습니다. .

1. HTML 이미지 태그 구문

코드는 다음과 같습니다.


f60eabfe94f4ace0380d88202c7f6ccf

img 소개:

src 뒤에 이미지 경로 주소

width 이미지 너비 설정

높이 설정 이미지 높이

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

html 소스코드에 3개의 이미지를 삽입합니다. 원래 크게, 너비와 높이를 작게 변경하고, 너비와 높이를 크게 변경합니다.

1. 예제의 전체 html 코드:

코드는 다음과 같습니다.

<!DOCTYPE html> 
<html> 
<head> 
<meta char
set
="utf-8" /> 
<title>图片插入html 在线演示 <a href="http://www.vcss.com</title">www.vcss.com</title</a>> 
</head> 
<body> 
<p>原始大图片</p> 
<p> 
<img src="pcss5-logo-201305.gif" width="165" height="60" /> 
</p> 
<p>改小图片</p> 
<p> 
<img src="pcss5-logo-201305.gif" width="105" height="30" /> 
</p> 
<p>改大图片</p> 
<p> 
<img src="pcss5-logo-201305.gif" width="365" height="120" /> 
</p> 
</body> 
</html>

2. html에 이미지를 삽입하는 예제 스크린샷

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

[관련 권장 사항]

Html 무료 동영상 튜토리얼

2. Html로 간단한 로그인 페이지 완성

3. HTML로 작성하는 방법에 대한 자세한 설명

4. HTML 문자에 해당

5.

상대경로와 절대경로의 차이점에 대한 자세한 설명

위 내용은 HTML에 그림을 삽입하는 방법을 가르쳐주세요.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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