Dog foot print

input 태그는 사용자가 웹페이지에 다양한 입력값을 전달하기 위한 도구이다. 그러나 이 input의 일부는 아직까지 모든 브라우저에서 동일하게 제공되지 않는다. 그러다보니 다양한 input들을 제공해주기 위해 개발자가 직접 만들어야 하는 경우도 종종 있다. input type 별 설명 input type : text text를 입력하기 위한 필드로 사용자가 text를 입력할 수 있다. input type : password text 와 password는 생긴것은 비슷하나 text를 입력하면 글자가 ' 점 ' 으로 표현된다. input type : button 특정 이벤트를 발생시키는 용도로 사용되는 input이다. input type : checkbox 한 개의 폼에서 다중선택이 가능한 입력이다. in..

div 는 주로 레이아웃을 구성하기 위해서 틀을 구역의 틀을 잡는 용도로 사용한다. 콘솔창을 눌러서 보면 우리가 보는 많은 페이지들이 div로 구성된 것을 볼 수 있다. 이 div를 html에 선언하면 처음에는 아무것도 보이지 않는다. 그러나 div에 무언가를 작성하고 div를 여러개 적어보면 뭐가 달라지는지 볼 수 있다. 안녕하세요 div입니다. div로 텍스트를 작성하니 각 div의 구역이 나눠졌다. 이와 같은 속성을 display : block 속성이라고 하는데 이 div의 구역 만큼 화면의 넓이를 차지하여 작성된 다음 태그가 아래로 내려가게 된다. div에 style 적용시키기 html에서 div태그를 꾸미기 위해서는 태그에 style어트리뷰트를 추가해야한다. style어트리뷰트에 원하는 스타일을..

하루에 두번 씩 블로그를 업데이트 하기로 자스민 사람들과 약속하였다. 오늘 새벽에 javascript for문과 while에 대해서 올려서 오늘 두개를 올린 것은 맞지만 ... 쪼오금 양심에 찔리기 때문에 시간이 있을 때 몇가지의 html태그들과 개행을 사용하는 방법을 정리하려한다. 시작하며 지난 포스팅에서 이와 같은 구조의 html 기본 뼈대를 만들었을 것이다. 그리고 우리는 웹에서 텍스트나 무언가들이 보이려면 태그 안에 작성하는 것을 알고 있다. 앵커 ,링크 앵커태그는 우리가 흔히 알고 있는 텍스트를 누르면 다른 웹페이지로 이동 할 수 있는 링크를 만들어 주는 태그이다. go To Naver 위와 같이 앵커태그를 작성하면 놀랍게도 아무일 도 일어나지 않는다 ! 그 이유는 우리가 태그에 링크를 걸어주지..

시작하며 html은 브라우저에서 웹페이지를 만들기 위해서 만드는 골조구조와 같은 역할을 한다. 이 html은 Hyper text markup language의 약자로 programming language(java, jvascript,c, c++등) 과 달리 연산이 불가능 하다. 그렇기에 동적인 웹페이지를 만들려면 html과 더불어 동적언어인 javascript를 사용하여 각 버튼이나 입력창이 동작케하도록 해야한다. html은 프로그래밍을 처음 접하는 사람들도 단 기간에 익히기 쉬운 언어이기에 나는 보통 처음 프로그래밍을 접하는 사람들에게 c언어나 자바를 접하기 보다 html 을 먼저 접해서 본격적으로 프로그래밍을 접하기 전 공부할 수 있는 흥미가 돋았으면 한다. 나는 마이크로소프트에서 제공하는 visua..