<html></html>
여기에 본문(body)이 들어가고 본문의 내용을 정의하는 헤드(head)가 들어갑니다.
<html><head></head><body></body></html>
헤드에는 본문의 내용을 규정하는 여러가지가 들어가는데 가장 대표적인 것이 제목입니다. 그리고 바디에는 우리가 넣고자 하는 것을 넣으면 됩니다. 앞에서 연습했던 대로 아이보스 로고를 넣어볼까요?
<html><head><title>초보자 연습중</title></head><body><img src="http://www.i-boss.co.kr/new/newimg/img/logo.gif"></body></html>
이렇게만 만들어도 하나의 html 문서가 되는 것입니다.
<html><head><title>초보자 연습중</title></head><body><img src="http://www.i-boss.co.kr/new/newimg/img/logo.gif"></body></html>
이 내용을 복사해서 메모장에다가 붙여넣기를 해보십시오.
그리고 저장해보십시오.
만약 저장 시에 이름을 test라고 쓰고 바로 저장하면 test.txt가 될 것입니다.
그리고는 이 파일을 더블클릭해보십시오.
그러면 아마 메모장 프로그램이 실행되면서 위 소스가 그대로 나올 겁니다.
(우리가 원하는 건 이게 아니죠? ^^)
이걸 다시 다른 이름으로 저장해보십시오.
이번에는 test.htm 이라고 뒤에 확장자명을 붙여주신 채로 저장해보십시오.
그리고 파일이 있는 곳으로 이동하여 파일을 확인해보면
아이콘의 모양이 메모장이 아닌 익스플로러 모양으로 되어 있을 것입니다.
파일을 더블클릭하면 아까는 메모장 프로그램이 가동되었지만
이번에는 익스플로러 프로그램이 열리는 것을 확인할 수 있을 것입니다.
우리가 보고 있는 웹페이지는 기본적으로 이런 구성으로 되어 있습니다.
다만 사이트가 커질수록 업무를 조금 더 편하게 하기 위해 여러가지
프로그램 언어들이 들어가 있어 헷갈려보일 뿐입니다.
i-boss.co.kr(0)
아직 등록된 댓글이 없습니다.
신용성님의 게시글에 첫번째 댓글을 남겨보세요.