이 게시물은 URL에서 이미지를 추가하는 방법을 간략하게 설명합니다.

HTML/CSS의 URL에서 이미지를 추가하는 방법은 무엇입니까?

HTML/CSS에서는 아래에 나열된 URL을 사용하여 이미지를 추가하는 두 가지 방법을 사용할 수 있습니다.

• 방법 1: HTML에서 요소를 사용하여 이미지 추가
• 방법 2: HTML에서 CSS 속성을 사용하여 이미지 추가

방법 1: 요소를 사용하여 이미지 추가

“ ” 요소는 자식 콘텐츠와 종료 태그가 없는 단일 무효 요소입니다. “ 소스 ' 그리고 ' 모든 것 ”는 “ ” 태그 내에서 활용되는 두 가지 핵심 속성입니다.

요소를 사용하여 이미지를 추가하는 방법에 대한 아래 지침을 살펴보겠습니다!

1단계: div 컨테이너 만들기

먼저 '를 활용하여 div 컨테이너를 만듭니다. <사업부> ” 태그. 그런 다음 ' 수업 ” 속성을 지정하고 원하는 대로 클래스에 이름을 할당합니다.

2단계: 제목 삽입

다음으로 '에서 필요한 제목 태그를 사용합니다.

' 에게 '

” 태그. 예를 들어

태그를 활용하고 여는 태그와 닫는 태그 안에 특정 텍스트를 제목으로 추가합니다.

3단계: URL을 사용하여 이미지 추가

그 후 '를 추가합니다. ” 태그를 추가하고 이미지 태그 안에 아래 나열된 속성을 삽입합니다.

• “ 소스 ” 속성은 미디어 파일을 추가하는 데 사용됩니다. 이를 위해 원하는 웹 브라우저를 실행하고 원하는 이미지 URL을 복사합니다.
• 그런 다음 URL을 ' 소스 ' 기인하다.
• 다음, ' 모든 것 ”는 어떤 이유로 이미지가 보이지 않을 때 이미지에 이름을 추가하는 데 활용됩니다.
• “ 키 ” 속성은 주어진 값에 따라 요소의 높이를 지정합니다.
• “ 너비 ” 요소의 너비를 설정하는 데 사용됩니다.

< 사업부 수업 = 'img-conatiner' >

< h2 > URL로 이미지 추가 < / h2 >

< 이미지 소스 = 'https://images.pexels.com/photos/2260800/pexels-photo-2260800.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1' 모든 것 = '영상!' 키 = '400픽셀' 너비 = '300픽셀' / >

< / 사업부 >

아래 주어진 출력에 따르면 지정된 이미지가 성공적으로 추가되었습니다.

방법 2: HTML에서 CSS 속성을 사용하여 이미지 추가

개발자는 CSS '를 사용하여 URL에서 이미지를 추가할 수도 있습니다. 배경 이미지 ” CSS. 이를 위해 아래 단계를 따르십시오.

1단계: 제목 삽입

먼저

여는 태그와 닫는 태그를 사용하여 제목 텍스트를 삽입합니다.

2단계: div 컨테이너 만들기

다음으로,