홈페이지
만들기
홈페이지
만들기
홈페이지가 어렵다구요? 전혀 그렇지 않습니다. 멋진 홈페이지는 당신의 노력에 비례할 뿐입니다. 지금부터 인터넷상의 집인 여러분의 홈페이지를 만들어 봅시다. 자 먼저 준비물이 있어야 겠지요? 준비물은 Microsoft Windows 95 이상의 버전만 있다면 기본이 되는 페이지를 만들수 있습니다. 윈도우즈의 메모장으로요.. 그러나 당신이 마이크로소프트 익스플롤러4.0 이상 버전이라면 인터넷 익스플롤러에 딸려 나오는 FrontPage Express로 가장 쉽게 홈페이지를 만들수 있습니다. 여기에서는 메모장으로 만든다고 치고 홈페이지를 만드는 방법을 설명하겠습니다. 홈페이지는 태그(tag)라는 명령어에 따라 만들어 지게 됩니다. 이제부터 태그를 배워봅시다. (참고한 자료:김유민씨 홈페이지)
1.문서의 기본 구조를 나타내 주는 태그
1)<HTML>...</HTML>
이 태그는 태그안에 들어갈 내용이 Html 즉 홈페이지 문서라는것을 나타냅니다. 다음에 설명할 태그들은 모두 이 태그안에 들어가게 됩니다. 아시겠죠? 다시 말해서 홈페이지 파일 첫부분에 머리태그(/표시가 없고 머리 부분에 들어가는 태그)가 있고 끝부분에 꼬리태그가 위치하게 되는 것입니다.
2)<HEAD>...</HEAD>
이 태그는 문서의 머리란 뜻입니다. 그리고 뒤에 배우게될 TITLE태그도이 태그 안에 들어가게 됩니다.
3)<TITLE>...</TITLE>
이태그는 문서의 제목이랄까..? 다른 사이트를 찾아갈때 맨 위 에 나오는 이야기 있죠..? 바로 그걸 만든답니다.
4)<H#>...</H#>
이 태그는 글자의 크기를 나타냅니다. #부분에 숫자 1~6까지를 넣죠. 기본값은 H4이고 숫자가 작아질수록 글자는 커지죠.
2.줄을 띄우거나 정렬하는 태그
1)<P>
문단을 바꿉니다. 다음에 나오는 <BR>태그보다 두칸정도 더 띄웁니다.
2)<BR>
이 태그는 줄을 한칸 띄웁니다. 워드 프로세서의 엔터와 같은거죠.
3)<PRE>...</PRE>
이 태그는 여백이나 줄간격 등을 고정시켜주는데 많이 쓰이진 않고 있습니다.
4)<CENTER>...</CENTER>
이 태그는 문장을 가운데에 정렬해 주죠..
3.글자의 모양을 정의하는 태그
1)<B>...</B>
이 태그는 글자의 모양을 두껍게 해줘요. 이렇게요..
2)<I>...</I>
이 태그는 이텔릭체로 만들어 주죠. 바로 이거죠..
3)<TT>...</TT>
이 태그는 글씨를 타자기로 친 거같이 나타내죠 타자기체란 이런거예요.
4)<BLINK>...</BLINK>
이 태그로는 글자를 깜박이게 하죠 깜박이는것은 다 아시죠?
5)<U>...</U>
이 태그는 글자에 밑줄을 쫙!~ 주악~~ 주악~~
4.문서 연결하기
1)<A HREF='목적지의 경로와 파일이름' 혹은 '다른 사이트의 주소(URL)'>...텍스트...</A>
다른 사이트나 자신의 사이트내에서 이동할때 쓰입니다. 같은 사이트내의 다른 문서로 연결하려면,
<A HREF="문서의 경로와 이름">텍스트</A>
입니다. 그리고 다른 사이트로 이동시킬 때에는,
<A HREF="다른 사이트의 주소(URL)">텍스트</A>
입니다. 이제 아시겠지요?
도움이 되셨나 모르겠네여 초보자 분들을 위해 최대한 간단 명료하게 작성하다 보니 너무 짧아 졌습니다. 그리고 카운터나 방명록 그리구 게시판을 달고 싶으시면 제게 메일 주세여 성의껏 답변해 드리겠습니다. 지금까지 읽어 주셔서 감사 그리구 또 감사.