|
안녕하세요..오늘 하루도 잘 보내셨는지~★두번째 공부할 내용은 문서의 뼈대에 대한 내용입니다^^
◈일단 문서의 시작과 종료를 알려주는 태그를 알아봅시다.
<HTML>~</HTML>
위의 태그는 HTML문서의 시작과 종료를 알려주는 태그로,지금부터 작성하는 문서는 모두 HTML규약에 따른다는 의미를 말 합니다. 그러므로 HTML 문서에 삽입될 모든 문장과 태그는 시작 태그인 <HTML>과 종료 태그인 <HTML> 사이에 들어가야 합니다.
◈다음은 머리말입니다.
<HEAD>~</HEAD> 작성하고 있는 HTML문서에 관한 일반 정보들을 표시하는 태그로, HTML 문서의 머리말에 해당합니다. 이 태그 안에는 문서의 제목을 표시하는 <TITLE>태그, 문서에 사용될 스타일을 정의하는 <STYLE>태그, 사용할 스크립트 언어를 정의하는 <SCRIPT>태그, 문서의 환경을 설정하는 <META> 태그등이 사용되는데, 이 중 <TITLE>태그는 반드시 기술되어야 합니다.
◈TITLE태그는 문서의 제목이지요^^
<TITLE>~</TITLE>
말 그대로 작성하고 있는 HTML문서의 제목을 표시하는것입니다. 이 태그안에서 작성된 문장은 웹 브라우저 상단의 '제목 표시줄'에 나타나게 되는데요, 북마크 기능을 이용할 때도 사용되므로 가능한 한 문서의 내용을 대표하는 문구를 사용하는 것이 좋습니다. 말 그대로 제목을 쓰시면 되는거지요^^ <TITLE>태그 안에는 제목 외에는 다른 어떤 태그들도 사용할 수 없다는 점 잊지마세요.*^^*
◈이제 본문을 작성해야겠지요^^
<BODY>~</BODY>
BODY태그는 웹 브라우저 화면에 보일 HTML문서의 실 내용이 기술되는 곳입니다. 그러므로, 회원님들이 표현하고자 하는 대부분의 태그들이 이 BODY태그 안에 위치하구요, 배경에 사용될 그림이나 배경색, 또는 글자색등
HTML문서의 기초적인 환경설정이 이곳에서 이루어지는 것입니다.
BODY태그에서 사용되는 속성들을 알아볼까요?
☞옵션들입니다
▶BACKGROUND : 문서에 사용될 배경 그림을 지정합니다
그림이 있는 경로명을 입력하시면 됩니다.
▶BGCOLOR : 문서에 사용될 배경색을 지정합니다.
색 이름을 바로 쓰셔도 되구요 색상표에 나와있는 '#RRGGBB'값을
사용하셔도 됩니다. 색상표는 클릭하고 즐겨찾기로 해두세요.^^
▶TEXT : 문서의 글자색을 지정합니다.
▶LINK : 하이퍼링크가 적용된 글자의 색을 지정합니다.
▶VLINK : 한번이라도 방문한 적이 있는 하이퍼링크의 글자색을 지정합니다.
▶ALINK : 하이퍼링크시에
적용된 문자를 마우스로 눌렀을 때 나타나는 색을 지정합니다.
옵션을 적용한 예제를 한 번 볼까요?
<body bgcolor=white link=blue vlink=red>라는 태그를 사용했다고 가정할 때,
body의 전체배경색은 하얀색, 링크가적용된부분은 파란색, 방문했던 링크는 빨간색으로 표시가 되겠죠?
이제 HTML문서의 기본구조는 다 알아보았습니다^^
다음부터는 BODY안에서 기술되어서 실질적으로 화면에 나타나는 여러가지 태그들을 알아보기로 합니다. |