HTML 배경 코드 란 무엇입니까?

HTML (HyperText Markup Language)의 백그라운드 코드는 웹 페이지에서 표시되는 텍스트 및 이미지 뒤의 영역 모양을 변경할 수있는 블록 수준 요소의 속성입니다. HTML 배경 코드를 사용하여 페이지의 배경색을 변경하거나 이미지를 정의하고 배경 무늬로 표시 할 수 있습니다. 이 코드는 HTML 본문 태그의 속성으로 사용하거나 CSS (Cascading Style Sheet)로보다 구체적으로 정의 할 수 있습니다. HTML 배경 코드는 웹 페이지의 모양을 향상시키는 데 도움이되지만 제대로 테스트하지 않으면 페이지의 가독성에 문제가 발생할 수 있습니다. 또한 일부 배경 코드 (특히 HTML 본문 태그의 속성)가 감가 상각되었으며 CSS 속성으로 정의되지 않은 경우 올바르게 표시되지 않을 수 있습니다.

디자이너는 HTML body 태그의 background 속성과 CSS background-image 속성을 사용하여 웹 사이트의 배경 이미지로 사용할 수있는 파일을 지정할 수 있습니다. body 태그의 background 속성을 사용하여 이미지를 정의하면 이미지가 전체 페이지의 배경에 적용됩니다. 배경 이미지 CSS 속성을 사용하면 이미지를 테이블 또는 텍스트 상자와 같은 단일 블록 수준 요소로 제한 할 수 있습니다. 대부분의 브라우저는 그래픽 교환 형식 (gif) 애니메이션을 배경 이미지로 표시하지 않고 대신 첫 번째 프레임 만 표시 할 수 있지만 이미지는 거의 모든 것이 될 수 있습니다.

body 태그 및 추가 CSS 속성과 함께 다른 배경 코드를 사용할 수 있습니다. 그것들은 이미지가 배경을 가로, 세로 또는 가로로 반복하여 정의되는 것을 허용합니다. HTML 배경 코드를 사용하여 이미지를 오른쪽 아래 모서리와 같은 화면의 특정 영역에 정렬 할 수도 있습니다. CSS 속성은 백분율 또는 픽셀 위치를 인수로 받아 매우 특정한 위치에 이미지를 배치하는 방법을 제공합니다.

또한 웹 사이트의 배경으로 단색을 정의하는 간단한 HTML 배경 코드 세트가 있습니다. 이미지와 마찬가지로 body 태그 안에 색상을 적용하면 전체 페이지의 배경색이 변경되고 CSS body 속성을 변경하면 변경 사항이 단일 블록 수준 요소로 제한됩니다. 일부 웹 브라우저에서는 사용자가 배경 이미지 및 색상 표시를 비활성화 할 수 있습니다.

HTML 배경 코드는 때때로 부적절하게 표시되거나 비활성화 될 수 있으므로 웹 사이트 뷰어에게 중요한 정보를 전달하기 위해 배경 이미지의 색상에 크게 의존하는 것은 나쁜 디자인 관행으로 간주됩니다. 마찬가지로 텍스트와 배경의 색이 반전되고 배경이 올바르게 표시되지 않으면 웹 사이트 사용자에게 텍스트가 전혀 표시되지 않을 수 있습니다. 밝은 배경 위에 어두운 텍스트 색상을 유지하면 배경이 원하는 색상으로 표시되지 않더라도 웹 사이트를 볼 수 있습니다.

다른 언어

이 문서가 도움이 되었나요? 피드백 감사드립니다 피드백 감사드립니다

어떻게 도와 드릴까요? 어떻게 도와 드릴까요?