#08 HTML 배경색,배경이미지 및 그림 삽입

<body bgcolor="배경색", text="글자색">이 기본구조입니다.

본문의 배경 색상을 지정하는 속성은 bgcolor이며, 글자색상을 지정하는 속성은 text color입니다

예제)

<body bgcolor="blue", text="yellow"> 가나다라마바사 </body>

출력물

예제)

<body bgcolor="#8C8C8C", text="#FFE400"> 가나다라마바사 </body>

출력물)

Tip : 글쓰기 작업도중 편집하다보면 실수로 일부분을 삭제등으로 날려버릴때도 있습니다.

당황하지 마시고 한글워드 칠때처럼 Ctrl + Z 하시면 전단계로 갑니다.

문서의 배경에 이미지를 삽입하는 태그명령어는 background 입니다.

태그로 쓸때는 기본적으로 <body background="이미지파일 이름">의 형식을 가지게 됩니다.

예제)

<body background="C:\Users\bluen\OneDrive\바탕 화면\background.jpg">가나다라마바사</body>

제 컴퓨터의 바탕화면에 있는 background.jpg라는 임의의 그림파일을 사용했습니다.

출력물)

배경이미지로 쓸 그림파일은 로딩렉의 발생을 방지하기 위해 최대한 가벼우면서 퀄리티가 보장되는 파일,파일형식을 잘 골라써야 할 것입니다.

본문내용을 작성중에 특정한 사진 또는 그림파일을 삽입할때는 img src 태그를 사용하며, 그림에 대한 도움말 또는 해당 사진파일에 대한 간략한 설명은 alt 태그 입니다.

<img src="그림파일 이름" alt="그림파일에대한 설명등"> 의 기본구조를 가지고 있습니다.

예제)

<img src="C:\Users\bluen\OneDrive\바탕 화면\img_src_sample.jpg" alt="itfix의 img src설명용 파일">

출력물)

출력물의 모습인데 img src는 정상적으로 잘 출력되고 있습니다. 그런데 alt 태그는 마우스로 사진파일에 갖다대도 무반응입니다.

alt 태그는 좀더 설명이 필요한듯하여 주석카테고리에서 좀더 상세히 다루어 보겠습니다.

수고하셨습니다.

IT ERROR FIX