취미(관심)자료/태그요령

태그연습 1

은행골 2006. 1. 21. 01:51
계속 설명의글을 올리겠읍니다
그럼 오늘 첫시간 순서는 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문서를 만들 수 있으며 다른 사람의 소스를 분석할 힘을 키운다는 점에서 개인적으로는 가장 추천하고 싶습니다.
~인내는 쓰지만 열매는 달지 않을까요?~

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

위의 그림과 같이 하셔서
시작-프로그램-보조프로그램-메모장 을불러옵니다.





위의 그림과 같이 메모장이나왔나요?
메모장에 이렇게 타이핑하세요

야호! 드디어 나의 연습장이 완성되었다^^


되셨나요?
혹 괄호를 빼먹거나 오타가없는지 다시한번 검토하실레요?
아래 그림과 같아야 합니다



모든게 잘되셨어요.. 그럼 이제 저장할 차례입니다 제일위에서 두번째칸을보면 파일(F) 편집(E) 보기(V) 즐겨찾기(A) 라는게 보여요? 파일을 클릭하세요 밑으로 쭉보면 다른이름으로 저장 이있어요 클릭하세요

이렇게 창이뜨죠?

제일위에 위치에 가장찾기쉬운 폴드를 선택하세요 가급적이면 바탕화면에있는 폴드로 예를들면 My Documents 나 내문서등 선택하셨어요? 잘 기억해야해요 위치를.. 저는 바탕화면에 저장 하겠습니다

다음에 파일이름이 있어요. 그곳에 이렇게 적으세요 sample.html 점을 빠트리면 안됩니다 되셨나요? 다음 파일 형식이있죠? 이건 반드시 모든 파일을 선택하셔야해요 옆의 세모꼴 뒤집어진거 클릭하면 나와요 모든 파일을 선택하셨어요? 그럼 바로옆에있는 저장을 누르세요 수고하셨어요^^ 그럼 이제 확인해볼까요 내컴퓨터나 탐색기에서 조금전에 저장한걸 찾아보세요 sample 이라고 있어요? 없으면 다시한번 기억을 더듬어 조금전 저장한곳이 어디인지 생각하고 찾아보세요 찾으셨나요? 저는 바탕화면에 저장하였기에 여기서 바로 더불 쿨릭하면 나옵니다

그럼 그 sample 파일을 더블클릭해보세요 이렇게 나올걸요

제일위 파란부분을 보세요 HTML연습장 이라고 되어있나요? 성공입니다 이제 연습장이생기셨어요 다음부터 여기서 모든 HTML을 연습할거예요 처음의 준비과정이라 조금 복잡하지만 이젠 연습장이 있으니 다음부터는 간단히 연습만 하면 되죠
힘드셨어요? (^^ )//
오늘은 여기까지만 하겠읍니다
위의 연습장이 안되신분은 메일 주세요
잘되신분도 메일주시면 태그연습기를 보내드릴게요
다음시간까지 안녕히

'취미(관심)자료 > 태그요령' 카테고리의 다른 글

태그연습 6  (0) 2006.01.21
태그연습 5  (0) 2006.01.21
태그연습 4  (0) 2006.01.21
태그연습 3  (0) 2006.01.21
태그연습 2  (0) 2006.01.21