Chap 2.
웹은 기본적으로 페이지 단위로 정보를 표시합니다.
브라우저에서 특정 페이지가 표시되고 있을 때, 소스 보기를 해봅시다.
자바스크립트도 들어있지만, 큰 틀은, 페이지를 표시하기 위한 약속은 HTML 입니다.
뭐든, 화면에 나타나는 건, HTML 문법에 따라 작성이 된다는 말이죠.
기본 틀을 한 번 봅시다.
<HTML> <HEAD> <TITLE>기본 틀</TITLE> </HEAD> <BODY> 컨텐츠 </BODY> </HTML> |
HTML 태그가 전체를 감싸고 있습니다. 감싸고 있는 내용이 브라우져 상의 한 화면, 페이지를 표시하기 위해 필요한 내용들이 들어가게 됩니다.
HEAD 태그가 있습니다. 이 태그 내에도 많은 내용들이 들어갈 수 있습니다만, 차차 추가될때마다 공부를 해보구요, 위 예에는 브라우저의 타이틀바에 표시될 내용을 설정할 수 있는 TITLE 태그만 들어있습니다.
그 다음 BODY 태그.. 이 태그가 감싸는 내용들이 브라우저에 나타나게 됩니다.
* HTML 태그는 대소문자 구분을 하지 않습니다.
1.html 로 작성해서 브라우저로 열었더니, 위 그림처럼 나오네요. 글자가 깨집니다. 타이틀도 깨지네요. 이럴 경우, 마우스 오른쪽 눌러서 인코딩을 UTF-8 로 바꿔주면 아래와 같이 잘 나옵니다.
여기서 확인!
html 파일이나 php 파일을 만들 때, UTF-8 형태의 문서파일로 작성하기를 권장합니다.
사용하는 문서 편집기에서 '파일 인코딩' 을 찾아보시면 UTF-8 설정 부분이 있을겁니다.
웹을 하실 때는 가급적, 모든 문자 인코딩을 UTF-8 로 설정하기를 권장합니다.
위의 예에서, 깨진 한글을 제대로 보기 위해서 마우스 오른쪽 눌러서 인코딩을 UTF-8 로 변경을 했었죠? 매번 이렇게 할 수는 없겠지요? 그래서, 파일 작성시에 HTML 태그로 브라우저에게 '지금 니가 읽어서 표시할 문서는 UTF-8 로 작성되었다.OK?' 라고 알려줄 수 있습니다.
이런 설정은, 화면에 표시되는 내용이 아니니까, BODY 태그가 아닌 HEAD 태그 내에 들어가겠네요.
<meta charset="utf-8">
라고, <HEAD>태그 내에 넣어주면 되겠습니다.
| <HTML> <HEAD> <TITLE>기본 틀</TITLE> <meta charset="utf-8"> </HEAD> <BODY> 컨텐츠 </BODY> |
여기에 추가로, DOCTYPE 을 설정해 놓고 가도록 하겠습니다.
DOCTYPE 은 HTML 작성에 사용된 HTML 의 버전을 브라우저에게 알려주기 위해 작성하게됩니다.
<!DOCTYPE HTML>
<HTML> 태그가 시작되기 전에 위의 내용을 작성해서 '뒤 따르는 HTML 문서는 HTML5 까지 포함하고 있으니, 참고해서 해석하도록해...' 라고 브라우저에게 이야기를 하는 겁니다. ㅎ
그래서, 기본 페이지 템플릿 버전 1을 아래의 내용으로 정리하겠습니다.
| <!DOCTYPE HTML> <HTML> <HEAD> <TITLE>기본 틀</TITLE> <meta charset="utf-8"> </HEAD> <BODY> 컨텐츠 </BODY> |
이 기본적인 페이지 템플릿이 모든 것의 시작입니다. ^^
이상!
'PHP 게시판 만들기' 카테고리의 다른 글
| 6. 가입 정보 저장 후 완료 페이지로 전환하기 (13) | 2012.12.12 |
|---|---|
| 5. 사용자 암호를 암호화 하기 (8) | 2012.12.11 |
| 4. 데이터베이스에 가입정보 저장하기 (53) | 2012.12.11 |
| 3. 회원 가입 페이지 만들기 (6) | 2012.12.11 |
| 1. PHP, mySql을 이용해서 홈페이지 만들기 (5) | 2012.12.10 |
댓글