안녕하세요, 우리노트의 Benjamin입니다. 그 동안은 그냥 윈도우에서 제공하는 노트패드를 사용해서 Html 공부를 해왔는데요, 다른 노트 프로그램들을 사용하면 코딩하는게 훨씬 편리하다는 사실을 이제야 알았습니다. 많은 노트 프리웨어들이 있는데요, 전 그중에 노트++ 가 가장 좋은것 같습니다. 앞으로 HTML 공부를 해나가면서 주기적으로 블로그에 포스팅해보려고 합니다. 오늘은 그 첫시간으로 오리엔테이션 겸 해서 노트패드++ 를 설치하고 사용하는 방법을 알아보겠습니다. 노트패드++ 다운로드 http://notepad-plus-plus.org/download/v6.5.3.html 다운로드 페이지에 접속하면 깜찍한 도마뱀이 맞이하여줍니다. 가운데 초록색 DOWNLOAD버튼을 눌러 다운받아줍니다. 간단히 설치..
안녕하세요, 우리노트의 Benjamin Song입니다. 블로그를 꾸미다 보니 자연스럽게 HTML 학습을 동시에 하는것 같습니다. 오늘은 여백값을 설정할때 사용하는 Margin 과 Padding 에 대하여 알아보겠습니다. 사실 저도 Margin 값을 주었다가 Padding 값을 주었다가 직접 비교해보면서 시간낭비하는 경우가 많습니다. 두가지 여백값 사용은 헤깔리는 경우가 종종 있는데요, 이 포스팅 이후로는 개념이 잘 잡히기를 기대해봅니다. Margin VS Padding 쉽게 설명하자면 Margin은 외부 여백 Padding은 내부여백정도로 생각하시면 됩니다. 그림을 보면서 쉽게 이해해 보도록 하겠습니다. 1. Margin 값으로 좌측 여백을 준경우 2. Padding 값으로 좌측 여백을 준 경우 두경우 ..
안녕하세요? 우리노트지기 Benjamin Song입니다. 이번에는 앞서 살펴본 html 색상코드 원리에 이어서 색을 실제로 보고 바로 html코드값을 뽑아내는 방법에 대해 알아보도록 하겠습니다. - 관련 글 - [Tistory] html 색상코드 원리 html 색상표를 제공하는 사이트가 여러군데가 있는데요. 저는 개인적으로 아래의 사이트가 마음에 들어 자주 사용하고 있습니다. http://html-color-codes.info/ 사이트의 우측 상단에 보면 언어를 손쉽게 변경 가능하도록 국기 모양이 표시되어있습니다. 한국어도 제공하니 언어를 변경해서 보면 더 편리하게 사용 가능합니다. 색상 HTML 코드 추출 [Color Tools] 에서 2가지의 색상 추출 방법을 제공합니다 HTML Color Chart..
안녕하세요, 우리노트의 Benjamin Song입니다. 블로그 스킨을 꾸미다보니 미적 감각이 많이 필요하다는걸 몸소 느끼고 있습니다. 미적 감각이 떨어지다보니 직접 배경색 글자색을 이리 저리 바꿔가며 마음에 드는 화면을 만드는 중입니다. 색을 계속 바꿔야 하니 그때마다 색의 html 코드값을 찾는게 여간 불편한게 아니더군요. 그래서 이번에는 html 색상표에대해 살펴볼까 합니다. 우선 중학교 1학년 과학시간에 배운 내용을 떠올려볼까요 빛의 3원색 vs 물감의 3원색 빛 : 빨간색, 녹색, 파란색, 섞을수록 흰색에 가까워진다. 물감 : 빨간색 파란색, 노란색 섞을 수록 검정색에 가까워진다. 빛의 3원색은 리가 흔희 말하는 RGB입니다. 컴퓨터 모니터는 빛을 발사하여 화면을 보여주기 때문에 당연히 빛의 합성..