FRONT

체크 박스 태그와 속성을 연습할 UI이다. body>div id = "red">reddiv>div id = "yellow">yellowdiv>div id = "blue">bluediv>div id = "black">blackdiv>div id = "base"> form> input type = "checkbox" name = "all" onclick = "allSel(this)"/>전체선택br/> this는 포함하고 있는 인풋 객체를 말함 --> input type = "checkbox" name = "chk" value = "red" />레드선택br/> input type = "checkbox" name = "chk" value = "yellow" />옐로우선택br/> input type = "chec..

우리는 웹페이지를 만들 때 가상의 박스를 만들어서 작업을한다. 때문에 헷갈릴 수가 있다. 콘텐츠(안의 내용)을 기준으로 Border(가상의 상자의 선)까지의 여백을 Padding이라고 하고 다른 상자와의 거리를 Margin이라고 한다. 이 사진을 보면 첫번 째 박스(Box1) 이 두번 째 박스(Box2)보다 왼쪽으로 치우쳐보인다. 왜일까? margin을 설정해 주었기 때문이다. magin은 음수를 사용하면 콘텐츠의 외부 여백을 주는 역할이 아닌 끌어당기는 역할을 할 수 있다.    .box1{ padding : 20px; width : 252px; height : 52px; line-height: 52px; border: 4px solid black; margin-left : -100px; } 이렇게 쓸..

개념 -> HTML에 디자인을 입히는 언어 작성방식 ->인라인 스타일 시트(우선순위 제일 높음), 내부 스타일시트(같은 파일에 에서 작업하는 것), 외부 스타일시트(css파일을 불러와서 내 페이지에 입히는 것) 인라인 태그 예시p style = "color:white; background-color:black;"> 인라인 태그 p>  스타일 태그 예시style type="text/css"> body{margin: 0px /* 외부여백 */} p{color : blue}; style> 외부 스타일 시트 적용 예시link rel = "stylesheet" href = "css/test.css"> 2. Selector 표현식 Selector 표현식이란 ? HTML을 스타일 하기위한 표현식. HTML은 많은 양..

1. 폼 요소란 ? -> 사용자에게 시각적으로 틀을 보여주기 위한 화면이다. 비슷한 기능으로 C #에 Windows Form이 있다. 이러한 화면 구성을 만드는 것을 도와주는 기능이다.  fieldset> legend>기본정보legend> lable>아이디 : lable> input type = "text" name = "id" value = "입력값"/> br/>   lable>이름 : lable> input type = "text" name = "name" value = "입력값"/>  fieldset>   fieldset> legend>기타정보legend> lable for = : "addr"> 주소 : lable> input type = "text" name = "addr" id = "addr"/..