KPU CE

글씨 색깔 바꾸기 sytle 태크와 css에 color : 색상 를 이용해서 글씨에 색깔을 바꿀 수 있다. hello world! hello world! 위와 같이 sytle태그에서 지정해준것 과 같이 빨간색으로 바뀐것을 볼 수 있다. h1으로 묶어줬으니 h1태그인 것은 전부 빨간색으로 바뀌게 된다.

위와 같은 내용의 웹페이지를 만들어 보세요. 코드 연습문제 표 만들기 이름 주소 성별 금액 유현석 수원시 남 1000원 김용민 시흥시 2500원 합계 3500원 아이디 입력받기 id : password : submit : 하이퍼 링크 네이버 다음 티스토리

label 라벨이란 특정 input 태그를 지정해줄 때 쓰인다. 바로 예제를 보자. text : password : comment : default 빨간색 id 속성과 for 속성이 쓰인다. 쓰임새는 위에 코드와 같다. label은 for 안에 있는 텍스트에 맞는 id 찾아간다. 만약 label인 빨간색 텍스트를 누른다면 체크박스에 체크가 된다. label은 추가한다면 사이트를 좀 더 세련되게 만들 수 있다.

버튼 이번 시간에는 버튼에 대해서 알아보자. submit, reset, button이라는 버튼에 대해 알아보자 submit은 제출하는 버튼으로 서버에 정보를 전송하는데 쓰인다. reset은 초기화하는 버튼으로 초기화 상태로 돌아온다. ex)텍스트박스의 value값으로 돌아간다. button은 아무 기능이 없는 ui만 버튼으로 된 버튼이다. button 버튼마다 value값은 버튼에 이름이다. 기능은 아까 말한대로이다.

선택 박스 만들기 선택 박스를 만드려면 select 태그와 option 태그를 이용해서 만들 수 있다. 색상 선택 검정 빨간 파란 초록 이런식으로 코드를 작성하면 다음과 같이 화면에 나타나게 된다. 하지만 다중으로 선택을 하려면 select에 multiple 속성을 작성을 해야한다. 색상 선택 검정 빨간 파란 초록 이렇게 간단하게 만들 수 있습니다.