이미지는 텍스트를 분할하고 시각적 인 흥미를 추가하여 웹 페이지의 모양을 향상시킬 수 있습니다. 웹 페이지에 표시되는 이미지는 실제로 내부 또는 원격 이미지에 대한 링크입니다. 즉, 이미지는 웹 페이지와 동일한 서버 또는 원격 서버에있는 다른 파일입니다. 웹 페이지 내에 이미지를 배치하려면 브라우저에 이미지를 찾을 위치를 지정해야합니다. 이 정보는 ""src"속성이있는 "태그.
이미지 만들기
이미지가 웹 페이지를 호스팅하는 웹 서버에있는 경우 다음과 같이 태그에 이미지 이름을 넣을 수 있습니다. 그러나 이미지가 원격 서버에있는 경우 이미지에 대한 링크를 태그는 다음과 같습니다.
로컬 이미지를 사용하든 원격 이미지를 사용하든 페이지에서 이미지를 정렬하는 데 사용할 수있는 몇 가지 속성이 있습니다. "align"속성은 이미지를 수평으로 정렬하는 데 사용됩니다. 값은 "오른쪽", "왼쪽"또는 가운데 일 수 있습니다. 예를 들어 페이지 오른쪽에 원격 이미지를 배치하려면 HTML 코드는 다음과 같습니다.
"valign"속성은 화면에서 이미지를 수직으로 정렬하는 데 사용됩니다. 값은 "top", "bottom"및 "center"일 수 있습니다. 위의 예를 화면 오른쪽 상단에 맞추려면 코드는 다음과 같습니다.
또 다른 속성은 "alt"속성입니다. 방문자가 텍스트 기반 웹 브라우저를 사용하거나 이미지에 대한 링크가 끊어진 경우 이미지가 있어야하는 위치에 텍스트를 배치하는 데 사용됩니다. "alt"속성은 다음과 같은 방식으로 사용됩니다.
마지막으로 ""태그를 추가하여 이미지를 하이퍼 링크로 만들 수 있습니다. 이를 통해 방문자는 이미지를 클릭하여 원격 페이지 또는 사진 자체로 이동할 수 있습니다. 하이퍼 링크가있는 이미지를 만드는 HTML 코드는 다음과 같습니다.
