[태그정리] 1.html문서 html(Hyper Text Markup Language)-그러니깐 웹상에서 홈페이지 작성을 위한 일종의 약속입니다. 이렇게 쓰면 이렇게 떠라하는 거죠.. 태그(Tag)로 이루어진 언어로서 html의 기본 요소는 태그라고 할 수 있죠. 위에서 말한 (이렇게 쓰면)이 바로 태그부분 (이렇게 떠라)는 바로 넷스케이프상에서 보여지는 부분이죠.. 2. 태그(Tag)-위에서 말한바와 같고, 표현방법은 <태그>........임다. 이건요..쉽게 말해서 명령의 시작과 끝을 나타내기 위함인데요.. <태그>에서 시작한 명령이 까지만 수행된다고 할 수 있음다. 예를 보고 이해해보세요.. 간단히 글자의 크기를 나타내는 태그로 'h'가 있슴다. h다음에 수를 붙여 임의적으로 크기를 바꾸는데요.. < h1 >.......< /h1 >을 하면 .......에 놓이는 글자가 1이라는 크기를 갖게되죠.. 태그의 종류는 여러가지가 있는데요.. 홈페이지 작성방법엔 두가지가 있음을 먼저 말하고 싶군요.. 먼저 태그 외우기 싫다.. 그냥 편히 만들고 시간을 절약하련다하고 생각하심 에디터를 사용하시면 좋죠.. 요즘 보니깐 '비주얼 페이지'가 좀 쉽게 나온것 같더군요 전 한때(처음엔) '핫도그'랑 '페이지밀'을 사용했었는데.. 별로 실력발전이 없는듯 싶어서 메모장으로 하고 있음다. 메모장으로 하면요..공부가 잘되죠..그리구 영타 연습도 되구요.. 틀리게 작성한 부분을 잘 알 수 있는 것 같더군요.. 들리는 소문에 의하면 웹 디자인에서 일하는 사람들이 주로 메모장을 사용한다고 들었거든요..확실한지 모르겠구요.. 그래서 저도 그렇게 합니다. 히히^..^; [태그정리] 1.< html >......< /html > : html문서임을 컴에게 말해줌다. ( '<'와 'html'사이의 공백을 주지 않으면 이 게시판이 이 글자체를 HTML문서로 착각하여 불가피하게 넣었습니다. 여기와 아래에 있는 '<'와 '>'주변의 공백은 없어도 상관없습니다. 누리지기) 2.< title >....< /title > : 홈페이지의 타이틀을 입력해줌다. 인터넷 돌아다니다보면 좌측상단에 '누구의 홈페이지에 오신것을 환영함다' 라고 쓰여진것을 볼수 있음다. 그것이 바로 요렇게 한거죠.. < title >누구의 홈페이지에 오신것을 환영함다< /title > 3.< head >......< /head > : 머리말인데요..디자인상 형식적으로 사용만 합니다. 옛날에 초기엔 제가 가장 많이 사용하던 문구로 "Welcome to my Homepage!" 라고 썼는데 정말 촌스럽죠.. 4.< body >......< /body > : 본문의 내용을 쓸수 있는데요..홈페이지의 대부분의 내용을 작성합니다. 이미지를 넣기도 하고요.... 그냥 말로만 해서 작성할 수도 있고요.. < htm l> < head >< title >정현이의 홈페이지에 오신것을 환영함다.< /title >< /head > < body > < /body > < /html > 5.< body bgcolor="#000000" >.......< /body > : 홈페이지 바탕색을 지정하는 태그임다. 형식은 "#000000" 검은색이고 "#ffffff" 흰색이고 기타 여러가지 색을 나타낼 수 있슴다. 색상표는 곧 올리도록 하죠.. 6.< body background="**.gif" > ....< /body > : 홈페이지 바탕에 이미지를 넣는거죠.. **는 이미지 이름이고요.. 점찍고 포멧형식(gif,jpeg..) 등을 적슴다. *여기서 중요한 것은요.. 경로인데요..이미지가 항상 이 문서와 동일한 폴더에 있어야 한다는 것이쥐요.. 만약에 다른 폴더에 있으면 경로에 약간의 수정이 필요합니다. 예컨데 "./다른 폴더이름/**.gif" 이런식이되죠.. 이런 경로에 대한 것은 나중에 한번 다시 다루겠음다. 7. 글자크기를 나타내는 태그 1)< Hn >.........< /Hn > : 여기서 n에 숫자를 넣어 글자의 크기를 넣슴다. 1이 가장 큰 크기고요..1,3,4..로 갈수록 글자의 크기가 작아짐다. 2)< font size=n >...< /font > : 더 일반적으로 사용하는 태그죠.. 이건요 숫자가 커지면 글자도 커져요.. 8. 줄 바꾸자..얍 1) < p > : 한 줄 띄고 다음줄임다. 2)< br > : 한 줄 안띄고 바로 다음줄임다. < p >, < br >은요 마무리 안해주셔도 됨다. 즉 < /p >, < /br >은 없음다. 9.< hr > : 선을 그리는 태그임다. 넓이와 높이를 지정해 줄수 있는데 예컨데 < hr width=70 size=30 > 이런 식임다. 별로 안쓰죠.. 10.< center >....< /center > : 이미지나 글자를 가운데에 정렬해 줌다. 11.글자체를 나타내는 태그 1)< i >..........< /i > : 이태릭체. 글자가 옆으로 눕슴다. 2)< b >..........< /b > : 볼드체. 글자가 굵어짐다. 3)< tt >.........< /tt > : 타이프체. 타자로 친듯한 글자체임다. 4)< font face="arial" >.......< /font > : " "안에 글자종류를 입력하고 씁니다. 가장 권장하는 방법이죠..쩝~~ *참고로 태그는 엮어서 사용가능함다. 즉 < font size=2 face="arial" color="#000000" > 검고 글자크기 2의 arial체로 뜬다.< /font > 12.< blink >........< /blink > : 깜박거리게 하는 태그..글자를 가운데 넣으면 < blink >깜박일 글씨< /blink > 13.< img src="**.gif"> : 이미지를 넣고자 할때 사용하는 태그임다. 이미지의 크기조정 가능함다. < img src="**.gif width=100 height=100> 하면 가로 세로 100픽셀의 이미지가 되겠죠? 14.< a href="**.html>..... < /a> : 현재문서에서 다른 문서로 이동합니다. 즉 아이콘을 누르면 쏙하고 화면이 이동하는 거 있죠? 이 명령어로 한 거죠.. < a href="http://www.yahoo.com" >....< /a > : 다른 홈페이지로 이동가능하죠.. 원리는 위와 같슴다. < a href="mailto:아이디@주소" >......< /a > : 이렇게 지정된 곳을 누르면 아이디의 주인에게 메일을 보낼수 있도록 메일창이 뜸다. < html > < head >< title >정현생각의 홈페이지 만들기에 오신것을 환영함다.< /title >< /head > < body bgcolor="#000000" > < center > < font size=3 face="arial" >Welcome to my Homepage!< /font > < /center > < p > < p > < a href="정현소개.html" > < img src="정현얼굴.gif" > < /a > < p > < a href="정현이 좋아하는 것.html" > 정현이 좋아하는 것 < /a > < p > < a href="http://www.내 친구.멋지다" > 추천 사이트 < /a > < p > < a href="mailto:jhike@soback.kornet21.net" > 메일 주십쇼 < /a > < /body > < /html > < 출력결과 > Welcome to my Homepage!