002화 Hello World!
1. 오늘은 Hello World를 배울꺼야!
왜냐고?
프로그래밍 언어를 배울때
맨처음은 Hello World로 정해져 있거든!!!!
2. 아무튼 파란 부분을 메모장에 복사해봐!
<html>
<head>
</head>
<body>
<script type="text/javascript">
document.write("Hello World!");
</script>
</body>
</html>
복사하고 싶으면 여기로!
http://semicolon26.tistory.com/11
3. 그리고 너가 원하는 제목으로
저장한 다음에
4. txt를 hta로 바꿔줘!
5. 실행해봐!
6. Hello World! 라는 글자가 나올거야!
7. 파란 부분에 대해 간단한 분석
<html> // html파일의 시작
<head> // 머리부분
</head> // 머리 부분
<body> // 몸통 부분
<script type="text/javascript">
//자바스크립트 사용
document.write("Hello World!");
//Hello World! 문자열을 출력해라
</script> //자바스크립트 끝
</body> //몸통 부분
</html> //html파일의 끝
8. html(1)
hyper text markup language의 약자야!
웹 문서를 만들기 위하여 사용하는 기본적인 마크업 언어야
하이퍼텍스트를 작성하기 위해 개발되었어!
마크업 언어: 단순히 꾸며주는 언어!
ex) 책 표지는 배경을 무지개 그라데이션으로 넣어주시고
제목은 중앙에 검은색 굴림체로 크게 박아주세요
하이퍼텍스트: 전통적인 텍스트인 책은 한 개의 선형적 순차가 전제되어 있어!
첫째 페이지를 읽고, 둘째 페이지를 읽고…하는 식으로.
하지만 하이퍼텍스트는 텍스트가 읽히는 순서가 결정되어 있지 않아!
아래 예시 처럼!!
9. html(2)
HTML에서 사용하는 명령어는 태그(tag)라고 하는데 꺽쇠괄호"<>"를 사용해!
일반적으로 태그는 시작과 끝을 표시하는 2개의 쌍으로 이루어져 있어!
종료 태그의 이름은 슬래시 문자[/]로 시작돼!
<html> ~ </html>
html 문서의 시작과 끝
<head> ~ </head>
대가리 부분
<body> ~ </body>
몸뚱아리 부분
<script type="text/javascript"> ~ </script>
자바스크립트를 사용하는 부분
10. javascript
HTML 문서의 단조로운 한계를
극복하기 위해 만든 스크립트 언어야!
스크립트 언어: 따로 과정을 거치지 않고
실시간으로 텍스트를 분석하며 실행되는 언어야!
덕분에 프로그램 같은게 필요없어!
document.write("내용");
이거는 출력 명령어야!
내용으로 Hello World!를 썼으니까
document.write("Hello World!");
Hello World! 가 출력 되는거야!
다음은 key code와 함수를 배울거야!