문단 (paragraph)
문단이란 글에서 하나로 묶을 수 있는 짧은 단위를 의미한다. HTML에서는 <p> 태그를 사용한다.
문법(Syntax)
<p>문단</p>
설명(Description)
- P는 paragraph의 약자
- 문단을 구분할 때 사용함
- 문단과 문단 사이에 공백라인이 들어감
예제(Example)
example1. (jsfiddle, github, ?)
<p>앞으로 제가 준비하는 생활코딩 강의를 몇번 더 할까합니다. 어제는 jQuery를 다루지 못해서 무척 아쉬웠었습니다. JQuery는 별도의 강의로 스핀오프하는게 좋겠다는 생각입니다.</p> <p>다만 자바스크립트 자체의 강의는 하루동안 프로그래밍 전체에 대한 개념을 (학습이 아니라) 체험? 한다는 취지이기 때문에 분산하지는 않을 생각입니다. 대신 강의를 좀 더 간결하게 진행하고 수강생들이 익숙해져야 <p>하는 것들은 (개념에 대한 설명 없이 걍무조건) 빽빽이라도 요구할까 생각 중입니다. ㅋ 그래서 두시간안에 모두 끝내는 것를 목표로 생각하고 있습니다.</p> 아쉬운 것이 실전사례를 두가지밖에 발표하지 못했다는 점, 실습해 보지 못했다는 점입니다. 더 많은 케이스를 통해서 프로그래머들은 어떻게 문제를 해결하는가를 가감없이 전달해드리고 싶었는데 말이죠. 그런 점에서 저는 개발자로는 별로지만 강사로는 괜찮은 것 같습니다. 영어와 수학을 잘 못하거든요.</p> <p>기회가 되면 브라우저 밖의 자바스크립트도 꼭 보여드리고 싶군요. 이를테면 HTML/CSS/자바스크립트만으로 이루어진 크롬익스텐션, 웹페이지를 사용자 마음대로 수정해주는 그리스몽키, (PHP, ASP, JSP 와 같은 언어처럼 서버쪽 언어지만 자바스크립트의 문법을 하고 있는) node.js 같은 것들 말입니다. 제가 수업내내 자바스크립트와 HTML은 완전히 다른 언어고 서로 독립되어 있다고 말씀 드렸죠? 자바스크립트로 할수 있는 것은 무궁무진 합니다. 자바스크립트는 자비스크립트입니다. ㅎㅎ</p> <p>그리고 생활코딩은 '가난한 자들의 컨퍼런스를 지향합니다' 장소스폰이 가장 절실한데 참석자의 직장내 강의공간을 빌려주시는 것이 가장 굿케이스입니다. 강의에 필요한 A-Z를 강사와 학생들이 십시일반으로 조달하는 독립수업! 제가 꿈꾸는 모델입니다. 저는 아쉬운 소리 하는 걸 세상에서 두번째로 싫어하거든요;; 또 다른 스폰으로는 음식이 있을 것 같고, 나머지는 여러분이 창의력을 발휘해 보아요. :) </p>
줄바꿈 (line break)
요약(Summary)
엔터를 입력하면 줄바꿈이 된다. 이것은 줄바꿈에 해당되는 문자가 입력되기 때문인데, 이런 문자를 개행문자라고 한다. 개행문자는 줄바꿈을 의미하는 것이기 때문에 눈에는 보이지 않는다. (ascii 코드 중 10, 13번) 그런데 HTML에서는 개행문자를 무시한다. 대신 <br /> 태그를 사용해야 한다.
문법(Syntax)
문장<br />
예제(Example)
example2. 아래 예제는 개행문자의 사용법을 보여준다. 엔터를 쳐서 소스에서는 줄바꿈이 됐을지라도 실제로 브라우저에서는 줄바꿈이 되지 않는데 이런 때 <br /> 태그를 사용한다. (jsfiddle, github, ?)
앞으로 제가 준비하는 생활코딩 강의를 몇번 더 할까합니다. <br /> 어제는 jQuery를 다루지 못해서 무척 아쉬웠었습니다. JQuery는 별도의 강의로 스핀오프하는게 좋겠다는 생각입니다.<br /> 다만 자바스크립트 자체의 강의는 하루동안 프로그래밍 전체에 대한 개념을 (학습이 아니라) 체험? 한다는 취지이기 때문에 분산하지는 않을 생각입니다.<br /><br /><br /><br /> 대신 강의를 좀 더 간결하게 진행하고 수강생들이 익숙해져야 하는 것들은 (개념에 대한 설명 없이 걍무조건) 빽빽이라도 요구할까 생각 중입니다.<br />
띄어쓰기
스페이스 키를 누르면 눈에 보이지는 않지만 space 문자가 입력된다. (ascii 코드 중 32번) HTML에서는 스페이스 문자는 한번만 인정된다. 그래서 한번 이상 스페이스를 입력해도 한 칸만 띄어쓰기가 된다. 이럴 때 기호를 사용한다.
문법(Syntax)
문장 문장
설명(Description)
- HTML의 코드 상에서 스페이스로 공백을 주어도 공백이 하나 이상 만들어지지 않는다.
- 를 이용하면 여러개의 공백을 만들 수 있다.
예제(Example)
example3. 아래 예제는 기호를 사용했을 때와 스페이스를 사용했을 때의 차이점을 보여준다. (jsfiddle, github, ?)
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" > </head> <body> <p> test1&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;test1 의 결과 : test1 test1 </p> <p> test1 test1의 결과 : test1 test1 </p> </body> </html>
