|
1단계 : 그래픽 추가하기
우리는 웹 페이지를 재미있게 하기 위하여 페이지에 그림을 추가할 수 있고
그것도 아주 간단히 할 수 있습니다. 그림은 때로 수천 단어의 말보다 많은
의미를 사람들에게 전달하는 능력을 가지고 있습니다.
그래픽을 삽입하기 위해 당신이 사용하여야할 택은 <img; 택입니다. 당신은
이 택을 src 라는 속성과 함께 사용하게 됩니다. src 속성은 브라우저에게 그림
파일이 서버의 어디에 있는가를 말해 주는 것입니다. 웹 페이지와 같은 디렉토리에
있는 "head1.jpg" 라는 이름의 파일을 지정하는 택은 다음과 같습니다.
<img src="head1.jpg">
1. 여기서는 "head1.jpg" 라는 그림 파일을 문서의 최상단에 집어넣는
작업을 해 보겠습니다. 에디터에 다음과 같이 입력해 봅시다. 여기서 head1.jpg이라는
이름의 파일은 클럽마이다스의 홈 페이지 좌측 상단에 놓여지는 그림입니다.
<html>
<body>
<img src="head1.jpg ">
</body>
</html>
2. 문서를 저장하고 클럽 마이다스 홈 페이지에서 head1.jpg 파일을
다운로드를 받아 문서와 같은 폴더에 저장하십시오. 문서를 웹 브라우저에서
보면 다음과 같이 보여질 것입니다.
# src 속성에 절대적인 경로를 사용할 수도 있습니다. |
