웹 프론트엔드 HTML 튜토리얼 HTML 웹페이지 이미지 태그_HTML/Xhtml_웹페이지 제작

HTML 웹페이지 이미지 태그_HTML/Xhtml_웹페이지 제작

May 16, 2016 pm 04:44 PM
" 영상 그림 문서 문자 표시 웹페이지 웹 디자인

이미지 태그 삽입HTML 웹페이지 이미지 태그_HTML/Xhtml_웹페이지 제작
오늘 여러분이 보는 화려한 웹페이지는 모두 이미지를 활용한 덕분입니다. 과거를 생각해보면 인터넷의 모든 웹페이지는 일반 텍스트 웹페이지였기 때문에 매우 지루했고, 웹 디자인에서 이미지의 중요성을 이해하게 될 것입니다. 이미지는 HTML 페이지에 삽입할 수 있습니다. 웹 페이지에는 JPEG와 GIF라는 두 가지 일반적으로 사용되는 이미지 형식이 있습니다.
JPEG(Joint Photographic Experts Group)는 사진 이미지용으로 특별히 고안된 파일 형식입니다. JPEG는 수백만 가지 색상을 지원합니다. JPEG는 손실이 많은 형식입니다. 즉, 압축 중에 일부 이미지 데이터가 손실되어 최종 파일의 품질이 저하됩니다. 하지만 이미지 데이터는 버려지는 양이 너무 적어서 품질에는 그다지 눈에 띄는 차이가 없습니다.
Graphics Interchange Format GIF는 웹 이미지에 매우 널리 사용되는 형식입니다. GIF는 256색만 포함하지만 손실이 거의 없이 탁월한 이미지 압축 기능을 제공합니다. GIF에는 투명 영역과 여러 애니메이션이 포함될 수 있습니다. 고정된 색상 영역을 찾기 위해 수평으로 픽셀 행을 스캔한 다음 동일한 영역의 픽셀 수를 줄여 압축합니다. 따라서 GIF는 일반적으로 만화, 그래픽, 로고, 투명한 영역이 있는 그래픽, 애니메이션 등에 적합합니다.
페이지에 사진을 삽입하면 페이지를 아름답게 꾸밀 수 있습니다. 그림을 삽입할 수 있는 표시는 단 하나, 바로 HTML 웹페이지 이미지 태그_HTML/Xhtml_웹페이지 제작 표시입니다. 그림 삽입 시에는 HTML 웹페이지 이미지 태그_HTML/Xhtml_웹페이지 제작 태그만으로는 충분하지 않으며, 아래 표와 같이 다른 속성으로 완성되어야 합니다.
소스 이미지의 소스 파일                                                                  대체 프롬프트 텍스트                                                   너비, 높이                           너비, 높이                                     국경 국경                                     vspace 수직 간격                                     hspace                         가로 간격                                     맞추다 준비                                     dynsrc ​​​​avi 파일 재생 설정                                     고리 ​ ​AVI 파일의 루프 재생 횟수 설정                                     루프 지연 ​ ​avi 파일 루프 재생 지연 설정                                     시작 ​ ​AVI 파일 재생 방식 설정                                     lowsrc                             저해상도 이미지 설정                                     지도 사용 이미지 맵                   ​ 이미지 소스 파일 속성인 SRC
와 src 속성은 이미지 소스 파일이 있는 경로를 지정하며, 이미지 삽입을 완료할 수 있다.

  • 기본 구문
  • HTML 웹페이지 이미지 태그_HTML/Xhtml_웹페이지 제작

구문 설명
src 속성을 통해 경로를 지정하고, File_name은 삽입할 경로입니다. 영상. 파일 예: 9-1.htm
HTML 웹페이지 이미지 태그_HTML/Xhtml_웹페이지 제작 태그의 src 속성을 통해 사진을 삽입하세요.
01
02
03
04
05 파일 설명
11번째 줄은 JPEG 형식의 이미지 파일을 삽입합니다.
                                                      ~

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

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

Video Face Swap

Video Face Swap

완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!

뜨거운 도구

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

Edge 브라우저에서 웹페이지를 데스크톱에 바로가기로 보내는 방법은 무엇입니까? Edge 브라우저에서 웹페이지를 데스크톱에 바로가기로 보내는 방법은 무엇입니까? Mar 14, 2024 pm 05:22 PM

Edge 브라우저에서 웹 페이지를 바탕 화면에 바로 가기로 보내는 방법은 무엇입니까? 많은 사용자들이 액세스 페이지를 직접 열 수 있는 편의를 위해 자주 사용하는 웹 페이지를 데스크탑에 바로가기로 표시하고 싶어하지만 어떻게 해야 하는지 알지 못합니다. 이 문제에 대해 이번 호의 편집자는 다음과 같은 내용을 공유합니다. 대다수의 사용자에게 솔루션을 제공하는 방법에 대해 알아보겠습니다. 오늘의 소프트웨어 튜토리얼에서 공유된 내용을 살펴보겠습니다. Edge 브라우저에서 웹 페이지를 데스크탑으로 보내는 바로 가기 방법: 1. 소프트웨어를 열고 페이지에서 "..." 버튼을 클릭합니다. 2. 드롭다운 메뉴 옵션의 "애플리케이션"에서 "이 사이트를 애플리케이션으로 설치"를 선택합니다. 3. 마지막으로 팝업창에서 클릭해주세요.

PPT에서 둥근 그림과 텍스트를 만드는 방법 PPT에서 둥근 그림과 텍스트를 만드는 방법 Mar 26, 2024 am 10:23 AM

먼저 PPT에 원을 그린 후 텍스트 상자를 삽입하고 텍스트 내용을 입력합니다. 마지막으로 텍스트 상자의 채우기와 윤곽선을 없음으로 설정하면 원형 그림과 텍스트 제작이 완료됩니다.

Xiaohongshu에 게시할 때 사진이 자동으로 저장되는 문제를 해결하는 방법은 무엇입니까? 포스팅 시 자동으로 저장되는 이미지는 어디에 있나요? Xiaohongshu에 게시할 때 사진이 자동으로 저장되는 문제를 해결하는 방법은 무엇입니까? 포스팅 시 자동으로 저장되는 이미지는 어디에 있나요? Mar 22, 2024 am 08:06 AM

소셜 미디어의 지속적인 발전으로 Xiaohongshu는 점점 더 많은 젊은이들이 자신의 삶을 공유하고 아름다운 것을 발견할 수 있는 플랫폼이 되었습니다. 많은 사용자들이 이미지 게시 시 자동 저장 문제로 고민하고 있습니다. 그렇다면 이 문제를 해결하는 방법은 무엇입니까? 1. Xiaohongshu에 게시할 때 사진이 자동으로 저장되는 문제를 해결하는 방법은 무엇입니까? 1. 캐시 지우기 먼저 Xiaohongshu의 캐시 데이터를 지워볼 수 있습니다. 단계는 다음과 같습니다. (1) Xiaohongshu를 열고 오른쪽 하단에 있는 "내" 버튼을 클릭합니다. (2) 개인 센터 페이지에서 "설정"을 찾아 클릭합니다. 캐시 지우기' 옵션을 선택하고 확인을 클릭하세요. 캐시를 삭제한 후 샤오홍슈에 다시 진입하여 사진을 올려 자동 저장 문제가 해결되었는지 확인해 보세요. 2. Xiaohongshu 버전을 업데이트하여 Xiaohongshu를 확인하세요.

TikTok 댓글에 사진을 게시하는 방법은 무엇입니까? 댓글란에 있는 사진의 입구는 어디인가요? TikTok 댓글에 사진을 게시하는 방법은 무엇입니까? 댓글란에 있는 사진의 입구는 어디인가요? Mar 21, 2024 pm 09:12 PM

Douyin 짧은 동영상의 인기로 인해 댓글 영역의 사용자 상호 작용이 더욱 다채로워졌습니다. 일부 사용자는 자신의 의견이나 감정을 더 잘 표현하기 위해 댓글로 이미지를 공유하기를 원합니다. 그렇다면 TikTok 댓글에 사진을 게시하는 방법은 무엇입니까? 이 기사에서는 이 질문에 대해 자세히 답변하고 몇 가지 관련 팁과 예방 조치를 제공합니다. 1. Douyin 댓글에 사진을 어떻게 게시하나요? 1. Douyin 열기: 먼저 Douyin 앱을 열고 계정에 로그인해야 합니다. 2. 댓글 영역 찾기: 짧은 동영상을 탐색하거나 게시할 때 댓글을 달고 싶은 위치를 찾아 "댓글" 버튼을 클릭하세요. 3. 댓글 내용 입력: 댓글 영역에 댓글 내용을 입력합니다. 4. 사진 전송 선택: 댓글 내용 입력 인터페이스에 "사진" 버튼 또는 "+" 버튼이 표시됩니다.

0x80004005 오류 코드가 나타나는 경우 수행할 작업 편집기에서 0x80004005 오류 코드를 해결하는 방법을 알려줍니다. 0x80004005 오류 코드가 나타나는 경우 수행할 작업 편집기에서 0x80004005 오류 코드를 해결하는 방법을 알려줍니다. Mar 21, 2024 pm 09:17 PM

컴퓨터에서 폴더를 삭제하거나 압축을 풀 때 "오류 0x80004005: 지정되지 않은 오류"라는 프롬프트 대화 상자가 나타나는 경우가 있습니다. 이러한 상황이 발생하면 어떻게 해야 합니까? 실제로 오류 코드 0x80004005가 나타나는 데에는 여러 가지 이유가 있지만 대부분은 바이러스로 인해 발생합니다. 문제를 해결하기 위해 dll을 다시 등록할 수 있습니다. 아래에서는 편집기에서 0x80004005 오류 코드를 처리한 경험을 설명합니다. . 일부 사용자는 컴퓨터를 사용할 때 오류 코드 0X80004005가 표시됩니다. 0x80004005 오류는 주로 컴퓨터가 특정 동적 링크 라이브러리 파일을 올바르게 등록하지 않거나 컴퓨터와 인터넷 간의 HTTPS 연결을 허용하지 않는 방화벽으로 인해 발생합니다. 그렇다면 어떨까요?

Word에서 텍스트에 점을 추가하는 방법은 무엇입니까? Word에서 텍스트에 점을 추가하는 방법은 무엇입니까? Mar 19, 2024 pm 08:04 PM

매일 Word 문서를 만들 때 문서의 특정 단어 아래에 점을 추가해야 하는 경우가 있습니다. 특히 시험 문제가 있는 경우에는 더욱 그렇습니다. 콘텐츠의 이 부분을 강조하기 위해 편집자는 Word에서 텍스트에 점을 추가하는 방법에 대한 팁을 공유할 것입니다. 도움이 되기를 바랍니다. 1. 빈 워드 문서를 엽니다. 2. 예를 들어 "텍스트에 점을 추가하는 방법"이라는 단어 아래에 점을 추가합니다. 3. 먼저 마우스 왼쪽 버튼으로 "텍스트에 점을 추가하는 방법"이라는 단어를 선택합니다. 나중에 해당 단어에 점을 추가하려면 먼저 마우스 왼쪽 버튼을 사용하여 원하는 단어를 선택해야 합니다. . 오늘 우리는 이 단어들에 점을 추가할 것이므로 여러 단어를 선택했습니다. 해당 단어를 선택하고 마우스 오른쪽 버튼을 클릭한 후 팝업 기능 상자에서 글꼴을 클릭합니다. 4. 그러면 이와 같은 것이 나타날 것입니다

PPT 사진을 하나씩 나타나게 하는 방법 PPT 사진을 하나씩 나타나게 하는 방법 Mar 25, 2024 pm 04:00 PM

파워포인트에서는 그림을 하나씩 표시하는 것이 일반적인 기술인데, 이는 애니메이션 효과를 설정하면 가능하다. 이 가이드에서는 기본 설정, 이미지 삽입, 애니메이션 추가, 애니메이션 순서 및 타이밍 조정 등 이 기술을 구현하는 단계를 자세히 설명합니다. 또한 트리거 사용, 애니메이션 속도 및 순서 조정, 애니메이션 효과 미리보기 등의 고급 설정 및 조정이 제공됩니다. 이러한 단계와 팁을 따르면 사용자는 PowerPoint에서 그림이 차례로 표시되도록 쉽게 설정할 수 있으므로 프레젠테이션의 시각적 효과가 향상되고 청중의 관심을 끌 수 있습니다.

지뢰 찾기를 표시하는 방법은 무엇입니까? -지뢰 찾기의 난이도를 변경하는 방법은 무엇입니까? 지뢰 찾기를 표시하는 방법은 무엇입니까? -지뢰 찾기의 난이도를 변경하는 방법은 무엇입니까? Mar 18, 2024 pm 06:34 PM

지뢰 찾기를 표시하는 방법은 무엇입니까? 먼저 지뢰찾기의 표시 방법을 숙지해야 합니다. 일반적으로 지뢰 찾기 게임에는 깃발 표시와 물음표 표시라는 두 가지 일반적인 표시 방법이 있습니다. 플래그 표시는 블록에 지뢰가 있음을 나타내는 데 사용되며 결정론적 표시인 반면, 물음표 표시는 블록에 지뢰가 있을 수 있음을 나타내지만 결정론적이지는 않습니다. 이 두 가지 표시 방법은 게임에서 중요한 역할을 하며, 플레이어가 어떤 블록에 지뢰가 포함되어 있는지 추론하여 다음 단계를 효과적으로 진행할 수 있도록 도와줍니다. 이러한 표시 방법을 능숙하게 사용하면 지뢰 찾기 게임에서 플레이어의 성공률을 높이고 지뢰를 밟을 위험을 줄일 수 있습니다. 따라서 지뢰 찾기 게임을 할 때 플레이어가 깃발 표시와 물음표 표시를 마스터했다면 플레이어가 특정 사각형에 지뢰가 있는지 확실하지 않을 때 물음표 표시를 사용하여 표시할 수 있습니다.

See all articles