본문 바로가기

IT,컴자료

HTML의 형식 - 태그의 기본원리


1. HTML의 형식
- HTML, HEAD, BODY 태그 및 참고사항

① HTML

- HTML 문서의 시작과 끝을 나타내는 것입니다. 따라서 어떠한 페이지든 간에 태그, 이미지, 글 등이 이 태그의 사이에 있어야 합니다.

② HEAD

- 일종의 머리말로서 보통은 문서의 제목만을 title 태그를 사용하여 나타냅니다.

- 화면을 열었을 때 가장 상단의 색깔있는 부분에 나타나는 글입니다. 다시 말해, 제목표실줄에 문서의 제목을 나타내는 것입니다.

③ BODY

- HTML 문서의 실제적인 내용이 들어가는 부분으로 화면에 곧바로 나타나게 되는 부분입니다. 특히 이 명령어를 주어야 여러가지 이미지들이 상하지 않기 때문에 HEAD 태그가 끝난 후에 지정해 줍니다.

④ 참고사항

★ 태그는 줄바꾸기 태그 이외에는 모두 시작과 마무리 태그를 주어야 합니다. 시작은 <태그 명령어> 그대로이고 마무리는

</ 태그 명령어> </FONT>와 같이 슬러쉬를 해줘야 합니다. 그리고 두개 이상의 태그가 동시에 주어지는 경우 처음 것은 제일 나중에 마무리 되어야 합니다. 예제로 확인하세요~
★ 태그 명령어는 영어의 대소문자를 구별하지 못합니다. 그러니 편한대로 쓰세요.
★ 태그 명령어는 띠어쓰기를 한칸밖에 인식하지 못합니다. 여러칸을 띠어도 한 칸을 띤 것으로 인식합니다. 그러나 특수문자인 <BR>를 하면 한번 딱 한칸을 띠는 효과가 나타나며 <p>는<br>을 두번 쓰는것과 같은 효과를 줍니다<FONT color=#0099ff>--------------------------------------------------------------</FONT>
 
          ♣ 태그의 기본원리 ♣
    * 태그의 기본원리는 간단합니다. <태그 명령어>내용쓰기</태그 명령어> ☜이런 형태죠. 모든 태그는 각각 하는 일이 다르지만 사용 할 때는 일정한 법칙이 있습니다 즉, 처음에 태그로 시작했으면 마무리도 태그로 끝내야 합니다. 예를 들면 font 라는 태그로 시작했으면 내용을 다 입력한 후에도 반드시 /font 를 붙여주고 끝내야 한다는거죠. 그렇지 않으면 font라는 태그의 속성이 계속 적용되게 됩니다 그러나 예외로 시작할 때 한번만 써 줘도 괜찮은 태그들도 있습니다 <b>,<p>,<pre>등..
    ☜(요런건 마감태그를 넣어도, 안넣어도 상관없음) * 태그 명령어의 기본적인 모양은 다음과 같습니다. <태그 명령어>내용 쓰기</태그 명령어> 단순히 <태그 명령어> 만 있는 경우도 있으나 대부분의 태그는 < > 내용 </ > 형식입니다.
태그입력출력
<marqueee>마퀴태그입니다 </marquee>마퀴태그입니다
<b>글자를 진하게 쓰는 태그</b>글자를 진하게 쓰는 태그
<center>글자의 위치를 중앙으로</center>
글자의 위치를 중앙으로
<font color=red>빨간색 글자</font>빨간색 글자