[PHP] basic knowledge

크롬으로 실행하고 시픙면 Window에서 웹 브라우저를 바꿔주면 된다.
에러는 개발자 도구에 들어가서 확인 할 수 있다.

글자의 크기는 body에서 바꿔줄 수 있다.

 

 

---

이동한 뒤 페이지

가로로 합침

제일 중요

form 양식을 사용하는 이유는 사용자 입력 인터페이스를 만들기 위해서 즉, 사용자가 입력한 내용을 서버로 전송 시키기 위해서이다.

주로 post 방식을 사용한다.

입력 양식에는 종류가 다양하다 타입의 종류에 따라서 text가 있다. id가 필요한 이유는 a.jsp에서 입력 양식에 어떤 박스에서 추출할지... 여기서 a.jsp가 없으므로 새로 만들어 주자. >> 404나옴

<% (이 안에 코드를 입력해주면 된다.)
request : 클라이언트 요청. id,pwd >> 폼 파라메터
%>

간단하게 

out.print()에 값을 넣어주면 화면에도 입력이 된다.

내용물을 좀더 추가해주자.

라디오 버튼에서 서버에 실제로 전달되는 값은 value값이 전송된다 f 랑 m이 전송됨

textarea는 박스내의 크기 45자 10줄로 제한 한다. 다만 10줄이 넘어갈 경우 스크롤 바가 생김.

onclick="a()" >> 이벤트로 a를 호출하라는 의미이다.

---

css 만지기

cssTest.jsp

th 로 요소 속성을 입력해줘야 한다.

th의 배경색을 pink로 지정한다.

th에 대한 색을 분홍과 빨간색으로 지정하면 된다.

PWD에 클래스로 지정해준다

이렇게 하면 클래스에 해당하는 부분을 변경해준다.

클래스 명이 c1인 부분에 색을 변경해준다.

id의 요소가 tset인 부분을 설정한다.

이와같이 id 가 test인 부분이 Login이므로 login 버튼의 색을 변경시켜준다.

위 style에 내용들을 변경해 저장해주면 css로 변경한다.

[]에 타입을 지정해서 설정 해 줄 수 있다.

요소 선택자를 사용해서 각 요소들을 선택해서 css를 변경 시켜 줄 수 있다.

전체적으로 컨트롤 하고 싶으면 head안에 style에 넣어서 컨트롤하면 되고 

개별적으로 컨트롤 하고 싶을땐 

위 사진과 같이 body에 각각 영역을 지정해주면된다.

 

테두리의 모양과 색, 두께들을 지정 해줄수 있다.

border를 사용해서 각 박스에 테두리를 정해준다.

참고

---

www.w3schools.com/

W3Schools Online Web Tutorials