글 수 1,068
첫 강좌에선 html 개요와 컴퓨터를 켜서부터
html 편집하기까지 절차를 쭈루룩 적어봤습니다.
html 은 언어다 중국말, 조선말,일본말... 요렇케 컴퓨터랑 말하는 언어다.
글구 컴을 켜서 시작--프로그램--보조프로그램--메모장 ←이곳에서 html 편집을 한다.
대충이러 했습니다. 상세한건 전번강좌 참고 하실길..
이번 제 1 강에선 html 의 기본인 머리,몸뚱이에 대해서 배워보겠습니다.
여기서 태그 가 뭐냐면요..: 사전대로 정확히 번역하자면 또 여러분 뒷머리 아퍼 질겁니다.
그래서 제 말대루 해석하면요 태그란 html 에 들어있는 매한개 단어들을 말합니다.
즉 마우스(鼠标) 오른쪽을 클릭하여 소스보기(查看源文件)을/를 했을경우
나타나는 다닥다닥한 영어와 숫자들중 여기 영어들이
대부분 html 을구성한 태그 들입니다. (일부 파일명들 빼구..)
이러한 하나하나의 태그들이 html 을 구성하고 홈페이지를 만들어내는거죠.
그러니까 이제부터 제가 가르칠 html 이란 바로 이 태그들을 하나하나 설명하는 겁니다.
음~ 좀 어려운가요? 그렇다면 주저말고 댓글다시던지..묻고 답하기에 글남겨주세요..^^
태그들 거개가 영어랑 많이 연동되여서...영어에 능숙한 분들은 인츰 알아볼수 있을겁니다.
자~ 그럼 아래 한단락 소스를 봅시다.
#소스: 전에 우리가 소스보기 해서 나타났던 알아못볼 문자와 숫자들..
<html>
<head>
<title>첫번째 홈페이지</title>
</head>
<body>
안녕하세요~ 나의 첫번째 홈페이지 입니다.
</body>
</html>
아~ 초간단 소스입니다.
하나 하나 분석해 보도록하죠~
전번강좌에서 살짝 말씀드렸듯이 html 은 언제나 <html> 로 시작해서
</html> 로 끝을 봐야 합니다. 시작과 끝을 명확히 해야죠~
윗쪽소스 제일 첫줄과 제일 마지막줄 보세요~ 시작을 밝혔다가 끝을 맺었죠?
이제 중간부분 봅시다.
두번째 줄에서 <head> 로 시작했다가 네번째 줄에서 </head> 로 끝을 봤습니다.
영어를 아시는 분들은 인츰 알아봤을겁니다. 이곳은 html 에서 머리 부분입니다.
head=머리 컥~전 아주 후에야 알았습니다.^^
그 머리 사이에 <title>첫번째 홈페이지</title> 페이지의 제목이 들어갔습니다.
제목도 <> 로 열었다가 </> 로 닫았죠..?
그 다음은 몸뚱이가 되겠습니다 body 가 몸뚱이죠..^^
<body> 로 열어서 </body> 로 닫혔습니다..
이제 이 몸둥이 사이에 우리가 글도 쓰고 그림도 넣고 음악도 넣고..하면서
하나하나의 페이지를 만드는겁니다.
쭈~욱 종합하면~
1 번째 줄 해석: <html> 은 html 이 시작되였다는 말입니다.
2 번째 줄 해석: <head> 여기서 부터는 페이지 머리라는 말입니다.
3 번째 줄 해석: <title>첫번째 홈페이지</title> 이곳은 머리에 들어간 페이지 제목입니다.
4 번째 줄 해석: </head> 이로서 머리부분이 끝났다는 말입니다.
5 번재 줄 해석: <body> 여기서 부터 웹페이지 몸뚱이 부분이 되겠습니다.
6 번째 줄 해석: 안녕하세요~ 나의 첫번째 홈페이지 입니다.--웹페이지에 나타날 글입니다.
7 번째 줄 해석: </body> 몸뚱이 부분이 끝났습니다.
8 번째 줄 해석: </html> 총 html 이 끝났습니다.
요렇습니다..*^^*
위에것만 이해하시면 가장기본적인 웹페이지는 충분히 제작할수 있습니다..^^
이제 우리에게 남은건 제작한 소스를 어떻게 웹페이지
형식으로 나타나게 하느냐~ 하는 겁니다.
작업한 소스 웹페이지 형식으로 보기
메모장을 실행하여 윗쪽소스들을 쳐넣습니다.
그다음 메모장 왼쪽 윗켠에 문건(F)文件 - 저장(S)保存 을 선택합니다.
그러면 새 창이 하나 뜹니다.
이곳에서 파일형식과 파일명, 그리고 저장위치를 설정합니다.
먼저 아래켠 선택사항에서 저장형식(T)保存类型 에서 현재는
*.txt 로되였습니다. 이걸 모든형식으로 바꿔주고 파일이름을 정해줍니다.
이름은 반드시 *.html 이거나 *.htm 으로 해주셔야겟습니다.여기서 noa.html 로 정해봅시다.
저장위치를 설정하고 {보통 내문서(我的文档)}으로 자동선택되여 있습니다.
이제 바탕화면에서 내문서(我的文档) 을/를 클릭하고 noa.html을 찾아보세요~
혹은 님들이 설정한 이름의 파일을 말입니다.
클릭해 보시면 금방작업하신 body 사이의 부분이 나타나겠죠..
그리고 페이지 제일 윗쪽을 보시면 제목도 나나타 있을겁니다.^^*
초간단 홈피 제작을 배웠습니다. 이제 님도 홈페이지를 만들수 있습니다.
단지 이쁘게 만들지 못했을뿐~ 따라해보세요...그리고 열씨미..
html 정말 쉽구 재밋구나~~ 하고 느껴질 겁니다.
오늘 강좌는 이만 접을까 합니다~ 조금씩 보여주곤 물속한다 욕하지 마시구요..
요만쓴느것도 2 시간 결렸습니다..^^* 저도 언제나 배우는 입장이라서~~
최근 문서
최근 댓글