1. 재미있는 태그 연습장 만들기

 아름다운 글 올리는 방법

태그연습장 만들어서 재미있는 그림을 옮겨 봅시다. 

 

---송파정보화교실 공부방에 게시된 내용에다 저의 경험을 섞었습니다.---

 

 

HTML을 배워도 연습을 못한다면 안되겠죠
(메모장): 윈도우에서 기본적으로 제공되는 프로그램으로 간단한 텍스트파일 작성에사용합니다.
자 ..지금부터 따라해봅니다

1.  시작 클릭 -프로그램 -보조프로그램 -메모장클릭  을불러옵니다.

     컴퓨터끌때 쓰는 시작 입니다

메모장이나왔나요?
메모장에 이렇게

2.------------------복사해서 붙이기하세요   요*는 다 빼세요------------
<*head>
<*title>HTML연습장 </title>
<*head>

<*body>

야호! 드디어 나의 연습장이 완성되었다^^
<*/body>

<*/html>-------------------여기까지 복사해서 붙이기----------

되셨나요?
혹 꺽쇠<>이 없거나 * 게 삭제되지 않았나 다시한번 검토하실래요?

모든게 잘되셨어요.

3.  그럼 이제 저장할 차례입니다
이 창의 제일위에서 두번째칸을보면

파일(F) 편집(E)  보기(V) 즐겨찾기(A) 라는게 보여요?

파일을 클릭하세요 밑으로 쭉보면

 다른 이름으로 저장 이있어요 클릭하세요

창이뜨죠?

제일위에 

저장 위치가 있지요--   바탕화면  으로 하세요

 바탕화면에다 저장합니다.

다음에 아래에서 3번째
파일이름(N)이 있어요. 그곳에 이렇게 적으세요

sample.html  ---이것도 복사해서 붙이기하세요.

점을 빠트리면 안됩니다
되셨나요?

다음 파일 형식(T)이있죠?
이건 반드시    모든 파일   을    선택하셔야해요
옆의 세모꼴 뒤집어진거 클릭하면 나와요
모든 파일을 선택하셨어요?

그럼 바로옆에있는 저장을 누르세요

수고하셨어요^^

그럼 이제 확인해볼까요

바탕 화면에서 찾아보세요
sample.html   이라고 있어요?
찾으셨나요?

그럼 그 sample.html   파일을 더블클릭해보세요

제일위 파란부분을 보세요

 HTML연습장  이라고 되어있나요?

성공입니다

이제 연습장이생기셨어요

다음부터 여기서 모든 HTML을 연습할거예요
처음의 준비과정이라 조금 복잡하지만 이젠 연습장이 있으니
다음부터는 간단히 연습만 하면 되죠

 
힘드셨어요? (^^ )//

오늘은 여기까지만 하겠읍니다

 

다음시간까지 안녕히

-------------------------------------------------------------------------------
연습해 볼까요?

모든 그림은 소스가 있는데 이 소스를 이용하면 그림을 가저오거나 보낼수 있습니다.

 

바탕화면에서

4.  HTML연습장  을 불러오세요(sample.html 더불클릭)

창이 떴지요?---1번창
맨위 제목줄 다음
파일.  편집. 보기. 즐겨찾기 ...등이 있지요?
세번째 보기를 클릭하세요.
아래쪽에 소스를 클릭하면 sample.html -메모장이 뜰겁니다.  -

연습장과 메뫙 두개의 창이 떴지요?

나중에 띠운  메모장에 아래 소스를 붙여넣으세요

<* EMBED a src=http://www.godslove.co.kr/flash/loveyou.swf width=402 height=402>

(위에서 * 은 삭제하세요)

 

그리고
맨 위의 파일을 클릭 저장을 클릭하세요. ---다 됐어요.

 

5.      4번에서  불러온 샘플연습장에서
        위에서 3번째줄 4번째 화살표 2개 (새소고침)있는것을  클릭하세요

 

아래의 그림이 뜨나요

설명이 잘 됐는지 모르겠네요.

송파 정보화교실에서 가저온것인데 복사를 했더니 설명이 잘 안됩니다.

고생하셨습니다.

 

안녕히 계세요.

 

----------읽어도 잘 모르겠어서 재미 없을까봐 뒤에 붙인것입니다-----------

HTML이란 무었인가와 준비물을 설명하겠읍니다

 
HTML이란 Hyper Text Markup Language의 약자로 웹브라우저에 하이퍼텍스트 기능을 가진 문서를 만드는 언어입니다. 여기서 Hyper Text라고 하는 것은 웹문서의 임의의 위치에서 해당부분을 클릭했을 때 다른 곳으로 이동하는 것이 가능하도록 해 주는 것입니다. 바로 아래의 파란색 밑줄쳐진 부분이 하이퍼텍스트입니다.

HTML은 1.0버전부터 시작해 현재 HTML3.2가 표준으로 있으며 4.0버전이 최근 발표되었습니다. HTML의 표준은 W3C(http://www.w3.org)에서 발표하고 있는데 Netscape나 Explore는 자사 제품의 우위를 점하기 위하여 W3C의 표준을 벗어나는 확장태그를 일부 사용하고 있는 현실입니다. 그래서 똑같은 HTML 문서라도 브라우저에 따라 화면에 나타나는 것이 차이가 생기게 되고 이것이 우리를 괴롭히는 한 원인이 되고 있습니다. 고래싸움에 새우 등 터지는 꼴이죠..

인터넷에 여러분의 집을 만들기 위해서는 이러한 HTML을 배우는 것이 기초가 됩니다. HTML의 난이도는 C나 JAVA 같은 프로그래밍 언어보다는 훨씬 쉬우며 워드보다는 조금 어렵다고 생각하시면 됩니다. 그런데 이러한 HTML은 무엇을 이용해서 작성할 수 있을 까요?

우리가 문서를 작성하기 위해 워드프로세서를 사용하듯이 HTML을 작성하기 위해서도 필요한 에디터가 있습니다. 가장 기본적인 에디터는 윈도우의 메모장(NotePad)입니다. HTML문법을 모두 알고 있어야 한다는 어마어마한(?) 어려움이 있지만 기초를 튼튼히 해주고 언제 어디서나 HTML문서를 만들 수 있으며 다른 사람의 소스를 분석할 힘을 키운다는 점에서 개인적으로는 가장 추천하고 싶습니다.
~인내는 쓰지만 열매는 달지 않을까요?~