웹코딩의기초 3

[웹코딩의 기초] 웹.꾸.의 기본, css (1) css가 뭔데

html 태그를 작성하는것 만으로는 웹페이지를 원하는 모양으로 웹페이지를 꾸미기가 어렵습니다. 그것을 도와주기 위해 존재하는것이 바로 css입니다. Cascading Style Sheet의 약자로 스타일시트라고도 흔히 부르는데 웹 코딩 얘기 할때 스타일이 어쩌구 하면 대충 다 css얘기라고 생각하시면 됩니다.(아마) css의 대표적인 특징이라면 'cascading'의 의미에 있는 '위에서 아래로 내려온다'는 속성이 있습니다. 무슨 뜻이냐 하면 스타일시트에 적은 내용은 브라우저가 위에서부터 아래로 순서대로 읽어내려가기 때문에 위에서 적용된 스타일을 아래서 무효화시키고 변경시킬 수 있다는 뜻입니다. 예를들면 p 태그에 대한 스타일로 폰트 사이즈를 13px로 적었다고 합시다. 그리고 2번 라인에 똑같은 p에 ..

[웹코딩의 기초] (거의) 모든 태그에는 짝이 있다

이번 포스팅은 웹을 구성하는데 있어 가장 기초가 되는 에 대한 기초중의 기초에 대해 알아보려고 합니다. 먼저 태그란 같이 안에 들어가는 요소들을 말합니다. 태그들은 어디에 어떤 내용이 어떻게 들어갈지에 대한 밑바탕을 제공합니다. 여기부터 여기까지가 어떤 내용이다~ 라는 것을 컴퓨터와 작업하는 사람에게 알려주는 지표라고 생각하면 좋습니다. 여기서 중요한 포인트는 그 어디서부터 어디까지를 표시해야 하기 때문에 거의 모든 태그는 시작하는 태그(연다고 합니다)와 끝맺는 태그(닫는다고 합니다)가 있습니다. 모든 짝이 있는 태그('문단태그'라고도 합니다)의 여닫는 방식은 똑같습니다. div라는 태그로 예를 들자면 가 여는 태그고 (시작태그) 가 닫는 태그입니다. (종료태그) 참 쉽죠? 이렇게 열고 닫은 태그 안에 ..

[웹코딩의 기초] 무슨 프로그램을 써야 할까? - NotePad++

시작하기 전에(2) 먼저 프로그램 추천을 하려고 합니다. 메모장으로도 코드를 읽을수 있긴 하지만...이건 솔직히 너무 보기 힘드니까요.... 저는 유료 프로그램을 사용하고 있지만 유료 프로그램에도 뒤지지 않는 멋지고 가벼운 프로그램입니다. 이미 많이들 알고 계실지도 모르겠지만 혹시 아직도 메모장을 사용하시는 분이 계시다면 이 프로그램을 받아보시는것을 추천합니다. 단점은..아마도 윈도우에서만 사용 가능하다는 점이 있겠네요..(다른 os 유저분들은 죄송합니다..) 설치 notepad-plus-plus.org/downloads/ Downloads | Notepad++ notepad-plus-plus.org 릴리즈 중에 아무거나 받으셔도 되고 제일 위에 있는게 최신버전입니다. 링크를 누르시면 초록색 버튼이 여러..