html 이미지 예제

Compartir

2/08/2019

Por

Categoría: Sin categoría

Comentarios: 0

이미지 맵을 만드는 기본 아이디어는 이미지의 여러 부분을 별도의 이미지 파일로 나누지 않고 쉽게 연결할 수 있는 방법을 제공하는 것입니다. 예를 들어, 세계 지도에는 각 국가가 해당 국가에 대한 추가 정보를 하이퍼링크로 연결할 수 있습니다. 로컬 URL은 웹 페이지 자체의 파일 경로를 기준으로 합니다. 예를 들어 그림 파일이 웹 페이지와 동일한 디렉터리 내에 배치된 경우 HTML 페이지와 동일한 디렉터리에 상주하므로 이미지의 로컬 URL은 단순히 이미지의 이름일 뿐입니다. 더 많은 정보: HTML 태그, HTML 이미지, 무료 웹사이트 그래픽. 이미지는 align 특성을 사용하여 다른 요소의 오른쪽 또는 왼쪽에 가로로 정렬할 수 있습니다. 이미지 요소는 기본적으로 왼쪽에 정렬됩니다. 이미지는 웹 페이지의 시각적 모양을 더 흥미롭고 다채화하게 하여 향상시킵니다. 이것은 단락 1, 예 입니다. 이 단락은이 이미지 정렬이 어떻게 작동하는지 보여주는 좋은 예라고 생각합니다.

요소에는 각각 서로 다른 이미지 원본을 참조하는 0개 이상의 요소와 끝에 있는 하나의 요소가 포함됩니다. 또한 각 요소에는 브라우저에서 특정 소스를 사용해야 하는 시기를 결정하는 데 사용되는 미디어 조건(미디어 쿼리와 유사)을 지정하는 미디어 특성이 있습니다. 예를 들어, 소스 특성(src)은 이미지 태그가 이미지를 표시하도록 만드는 것입니다. 이미지 원본은 URL 값이며 이미지 파일의 디렉터리 위치를 가리키야 합니다. 첫 번째 HTML 이미지 예제에서 코드를 한 번 더 살펴보겠습니다. 이미지 스타일 이미지 슬라이드쇼 이미지 갤러리 이미지 효과 반응형 이미지 이미지 소스 URL은 로컬 또는 전역으로 표시될 수 있으므로 웹 사이트에 표시하려는 그림 파일이 컴퓨터에서 로컬로 호스팅되거나 다른 곳에서 호스팅될 수 있습니다. 일부 다른 웹 사이트 도메인(전역)을 참조하십시오. 다음으로 살펴볼 속성은 alt입니다. 해당 값은 이미지를 보거나 표시할 수 없는 상황에서 사용하기 위해 이미지에 대한 텍스트 설명으로 간주됩니다. 예를 들어 위의 코드는 다음과 같이 수정할 수 있습니다. 예를 들어, 이 작업을 중지하는 것은 아무 것도 없을 것입니다: 이것은 정상적인 상황에서 디스플레이에 큰 차이를 초래하지 않습니다.

그러나 이미지가 표시되지 않는 경우(예: 사용자가 페이지로 방금 탐색한 경우 이미지가 아직 로드되지 않은 경우) 브라우저에서 이미지가 표시될 수 있는 공간이 남습니다: HTML 이미지 테두리, CSS 테두리 속성. 실제로 어떻게 작동하는지 이해하기 위한 간단한 예제를 시도해 보겠습니다. 표시 상자는 상위 요소이므로 정렬 특성에 대해 원하는 동작입니다.