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