윤미쩜넷 홈페이지 강좌 http://yoonmi.net

<< 홈페이지 왕 초보 강좌 - 두 번째 단계>>

윤미쩜넷 왕초보 강좌는 정말, 홈페이지의 홈 이라는 글자도 모르는 사람을 위해,
만들었습니다.^^ 그러니까요. 혹시, 이건 애기들도 알 수 있는거 아냐?? 라고 생각하신다면, 오산입니다.
다들 처음부터 알수야 없지요. 남녀노소 누구나, 개인 한명당 한 홈페이지를 만들 수 있게,
우리모두 모르는 사람을 도와주고!! 모르면 알 게 노력합시다!!

** 몇날 며칠을 투자하는 강좌는 함부로 링크할 수도 퍼갈 수도 없습니다. http://yoonmi.net **

자아~ 그라몬..이제.. 2번째 당계.. 약간의 태그라는 것을 배워 보도록 하겠으...
보통 게시판에 보면 빨간 글씨.. 파란 글씨.. 굵은 글씨.등등.. 기초적이지만 배워보죠ㅎㅎ.

먼저, 태그란 것이 몬지 또 알고싶지요? 일종의 컴퓨터 언어입니다.
사람에게도 한국어, 영어, 일본어, 중국어가 있드시, 컴퓨터에게도 언어가 여러 가지 종류가 있습니다.
여러분이 들어 봄직한.... C, PHP ASP 등은 전부.. 그에 해당되는 언어라고 생각하시면 장땡!!

먼저 태그 연습장을 펴서.... 아 제가 준비 했습니다. (제가 누굽니까 쿄쿄쿄쿄)
[태그 연습창 펼치기] --> 요거 클릭

자 그러면 새창 뜨면서.. 태그 연습장이 나왔습니다. 몇가지 알아 둘것은...
HTML 문서에는 정해진 게 있습니다. 우리 몸 신체에서도 머리, 몸통, 다리 부분으로 나뉘드시..
역시 HTML 문서도 HEAD BODY 로 구분하게 되고, 이를 통틀어 HTML 로 묶어 주게 됩니다.

다시말해..

<HTML>
 <HEAD>
 </HEAD>
 <BODY>
 </BODY>
</HTML>

요렇게 나눠지는 것이 기본 형식입니다.
그리고 항상 시작 했으면 끝을 맺워 줘야하겠죠. 끝 맺는 법은,/ 해당 명령어 앞에 /를 덧붙여 주는 것이 끝맺음입니다. (중요해요^^)
요거야 나중에 문서 작성시에 배우는 거구요.
아주아주 기초적인거부터 배워 봅시다.

★진하게 글씨하는법

태그 연습 장에서 싸그리 지우기 클릭하면 다 지워지죠 거기다가?

(1) 안녕하세요, 반갑습니다. 
(2) 안녕하세요, 반갑습니다.

연습장에 저렇게 두가지를 고대로 복사하던지, 써넣든지 해보세요.
그리고 결과보기를 해보시면,

(1) 안녕하세요, 반갑습니다. (2) 안녕하세요, 반갑습니다.

라고나올 겁니다. 한줄띄가 안되어있는 이유는 우리가 아직 한줄띌 수 있는 태그를 안넣어기 때문이지요.
한줄 띄기는 단락 띄기는 입니다.
여러 가지로 시도한번 해보세요. 재밌죠?

★색상 바꾸는 법



이게 색상 태그입니다. 참.. 그리고 항상 말씀 드리지만, 항상 태그 명령을 끝 마칠시에는 끝마침 명령어를
같이 해줘야 합니다. 여기서의 끝마침은 입니다.
예를 들어볼까?

이것은 무슨색일까요?

연습장에 저렇게 두가지를 고대로 복사하던지, 써넣든지 해보세요.
그리고 결과보기를 해보시면,

이것은 무슨색일까요?

라고 시뻘건 색으로 나옵니다. 한가지 더 말씀 드리면요.
색상은 영어로 저렇게 쓸 수도 있지만은.. 영문과 숫자로 결합된 ... #을 붙인 6자리 색상으로도 쓸 수가 있습니다. #231321 #bbbbbb 요런 것들이지요. 이렇게 6자리를 쓸 때는 항상 앞에 #을 붙여주셔야 가능 합니다.

슬슬 이제 머릿속이 채워지는 느낌인가요?? ㅎㅎㅎ

★링크 거는 법

링크 거는 법을 알아보죠.. 링크라... 링크가 모시기냐 하면, 걍 글자 누르면 막 다른 데로 가고,
그러는 걸 링크라고 해요. -_- 어렵지 않습니다.

<a href="링크할 주소">
역시 예제를 통해 알아보죠.

<a href="http://yoonmi.net">윤미쩜넷</a>오신 것을 환영해!

연습장에 저렇게 두가지를 고대로 복사하던지, 써넣든지 해보세요.
그리고 결과보기를 해보시면,

윤미쩜넷오신 것을 환영해!

라고 링크가 사뿐히 걸려져 있습니다. 여러 가지로 생각해보세요. 주소 쓰고, 다음에 쓰여진 윤미쩜넷이라는 글자에 링크가 걸려지고, </a> 로 닫혀 졌다.....
제가 일일이 알려주는 것보다, 제가 알려준 것을 토대로, 많이 이용해보고 해보세요.

★ 그림 불러오는 법

그림을 불러오기위해서는 역시 먼저 그림 주소가 있어야겠지요? 그림 주소아는 방법은 원하는 그림에다가 마우스 오른쪽 버튼 클릭해서 속성 누르시면 주소가 나옵니다....^^
http://..... 쭉쭉 시작하는게 그림 주소죠.
그리구요^^; 웹 페이지에서 볼 수 있는 그림 학장자 명은 gif, jpg, bmp 등등 인데요. 이 세가지를 가장 많이 쓰니까, 잘 알아두시구요.
bmp 는 용량이 너무~ 너무 많이 차지해서 잘 안쓰이고 있다는거 알아두세요.

사진 파일에는 대부분 색상이 많은 jpg 가 쓰이고, 아이콘 처럼 단색이 쓰이는 경우는 gif로 씁니다.

<img src="그림주소">

이미지 불러오는 것은 시키는 명령어가 아니라서 그림 만 불러오면 장땡이니 끝마침 표가 없습니다.

연습장에 저렇게 두가지를 고대로 복사하던지, 써넣든지 해보세요.
그리고 결과보기를 해보시면,

라고 그림이 하나 나옵니다. 이런식으로.. 응용해서...
<a href="링크주소"><img src="그림주소"></a> 하면
그림에 링크가 걸리겠지요 ㅎㅎㅎ

아아ㅣ거 너무 재밌지 않나요? 아ㅏㅎ하하하하하하핫

- -;; 아니에요? 오늘 한번 복습 해보시구요. 응용도 해보시고.. 북잡고 북도 쳐보시고 - -;;
어쨌든 몇가지 응용해서 저장하는 것을.. 다음 시간에 배워 보도록 하겠습니다...(궁시럭 궁시렁...)

[다음 3 단계로 후딱 가보기 ]