스타일시트란 스타일을 관리하기 쉽도록 한 군데 모아놓은 것을 스타일시트라고 한다. CSS의 경우 공백을 무시한다.; :대괄호 {} 안에는 속성과 속성값이 오는데 속성/속성 값은 '속성:속성 값'과 같은 형식으로 함께 표시하며, 속성/속성 값 쌍이 여럿일 경우에는 세미콜론으로 구분한다. ex) p { color : blue ; } p= 선택자 color= 속성 blue= 속성값이다 스타일 정보의 기록-스타일 정보는 웹 문서를 브라우저 화면에 표시하기 전에 결정되어야 한다. 모든 스타일 정보는 헤드 태그안에서 정의해야 한다.웹 문서 안에 있는 내부 스타일시트라면 /head태그가 나타나기전에 규칙을 기록한다. 위와 같이 내부스타일 시트: /head태그 나타나기전외부스타일 시트: 문서 안에 있는 스타일 정보를 ..
태그-버튼넣기-태그를 이용하면 문서에 버튼을 넣고 폼을 전송하거나 리셋할 수 있습니다ex) 내용 속성type속성은 버튼이 활성화 되었을때 어떤 동작을 할지 지정합니다. 선택할 수 있는 값은 submit , reset , button 중 한가지 지정하지 않으면 submit으로 간주합니다.type 속성 값(1) submit : 폼을 제출합니다. ex) 전송하기 과 같이 사용(2) reset : 폼에 입력한 내용을 모두 리셋(3) button : 버튼 형태만 만듭니다. % 태그를 이용해 삽입한 버튼은 태그를 이용해서 삽입하는 버튼과 거의 비슷한 모습을 하고 있고 용도도 비슷하다 - > 이나 , 처럼 태그를 이용해서 삽입 가능 ex)(1) == input 태그 이용 (2) 전송하기 == 버튼 태그 이용 차이 :..
readonly속성 - 읽기 전용 필드 만들기 -readonly속성은 해당 필드를 읽기 전용으로 바꿉니다. 텍스트 필드나 텍스트 영역처럼 필드 안에 내용이 있으면서 사용자에게 내용을 보여주기만 하고 사용자가 입력은 할 수 없게 하는 속성입니다. 속성은 불 값 (boolean value)을 가지기 때문에 true또는 false 값을 지정해도 되고, 간단히 readonly라고만 쓰거나 readonly="readonly"라고 써도 true라고 인식을 합니다. ex)268p참고 placeholder 속성-힌트 표시하기 -이 속성은 요소의 필드 안에 적당한 힌트 내용을 표시하고 있다가 그 필드를 클릭하면 내용이 사라지도록 하는 것 입니다. 이 속성을 이용하면 텍스트 필드 앞에 레이블을 사용하지 않고 사용자에게 해..
type="file"-파일첨부하기-폼에 파일을 첨부하려고 할 때 사용하는 유형입니다. 파일선택 ,찾아보기 , 선택 등으로 표시가 됩니다ex)ex) 첨부파일 선택: type="submit"-서버 전송 버튼 넣기-사용자가 폼에 입력한 정보를 서버로 전송하는 submit 버튼을 넣어주는 역할을 합니다. 이때 , value 속성을 이용해 '전송'이나 '보내기'등submit버튼에 표시할 내용을 지정할 수 있습니다. submit 버튼으로 전송된 정보는 처음에 태그에서 지정한 폼 처리 프로그램에 넘겨집니다. ex)ex) type="image" - 이미지 버튼 넣기-submit 버튼 대신에 사용할 이미지가 준비되어 있다면 type="image"를 사용해 전송 이미지를 넣을 수 있습니다. ex)ex) 266p 참고 ty..
태그-웹에서의 폼은 항상 일정한 형태를 가지고 있다. 크게 사용자 입력 부분과 입력한 내용을 서버로 보내주는 버튼 부분으로 나눌 수 있다.사용자 입력부분:태그 처리 (거의)입력하는 내용이 어떤 정보인지는 type속성을 지정 그 값에 따라 함께 사용할 수 있는 속성들도 달라집니다.EX) 글로벌 속성 id-폼을 만들다보면 똑같은 요소가 여러 번 사용된다. ex)처럼 입력 항목이나 주소항목등 한줄짜리 텍스트를 모두 이렇게 텍스트 필드를 사용하게 되는데 이러한 요소를 구분하기 위해 사용하는 것이 id속성이다.id속성=글로벌속성 이라고 하는 것은, 폼 요소뿐만 아니라 웹 문서에 넣는 텍스트,이미지,표,폼 등 모든 태그에서 사용하기 때문입니다.%단 , id 속성에 사용할 수 있는 값은 영문과 숫자, 언더바나 하이픈..
보통 로그인을 클릭하면 사용자가 입력한 아이디와 비밀번호가 웹 서버로 보내집니다. 서버는 사용자 정보를 받아서 필요한 작업을 하게 되는데, 예를 들어 로그인 정보를 받았다면 서버는 자신이 가지고 있는 사용자 데이터베이스를 뒤져서 사용자가 보낸 정보가 일치하는지 확인하고 브라우저에 결과를 보냅니다. 이런 작업은 모두 데이터 베이스를 기반으로 합니다. 폼의 형태는 HTML태그를 사용하고, 정보 처리는 ASP나 PHP,JSP같은 서버 프로그래밍을 이용합니다. 태그-폼만들기-폼을 만드는 가장 기본적인 태그입니다.EX) 여러 폼 요소 예를 들어, 폼에 내용을 입력하고 전송 버튼을 눌렀을 때 post방식으로 register.php를 실행한다면ex) ... 이렇게 사용하면 됩니다. 속성1.method: 폼을 전송할 ..