CSS : 꾸며주는 것!
text
-align: left; 글을 페이지의 왼쪽으로 정렬
-align: right: 글을 페이지의 오른쪽으로 정렬
-align: center; 글을 페이지의 가운대로 정렬
-align: justify; 글을 페이지의 양쪽 끝으로 맞춰 정렬(양쪽이 가지런해지도록 알아서 자간 맞춰줌)
link{속성}
-a:link{} 아직 방문하지 않은 링크
-a:visited{} 방문했던 링크
-a:hover{} 마우스를 오버한 링크 a:link, a:visited 뒤에 와야한다
-a:active{} 마우스를 누른 상태의 링크로 a:hover 뒤에 와야한다.
만약 밑줄을 안보이게 하고 싶다면 text-decoration:none;
밑줄을 보이게 하고 싶다면 text-decoration:underline;
버튼을 만들 때 왜 button 태그를 이용해? input 태그를 이용해서 속성으로 채워보자!
예를들어,
<button> 클릭! </button> 을
<input type="button" value="클릭!">
input 태그 속성 태그들
-type 박스안에 들어갈 것이 text인지, button 기능인지 정한다
-value 속성은 입력필드에 대한 초기값을 지정한다
-size 속성은 입력 필드의 크기(문자들)를 지정한다
-form 속성은 < input > 요소가 속한 폼이 하나 이상 임을 명시한다 (하위태그 아님)
-height 과 width 속성은 < input > 요소의 높이와 너비를 지정한다.
-placeholder 속성은 입력필드에 기대되는 값을 설명해주는 힌트(샘플 값이나, 포맷에 대한 간단한 설명) 를 지정한다.
사용자가 값을 입력하기 전에, 힌트(hint)가 입력필드에 표시된다.
placeholder 속성은 다음의 입력 필드 타입에서 작동한다: text, search, url, tel, email, and password.
-onclick 속성의 속성값으로는 반드시 JavaScript가 와야한다., 또한 속성값은 웹브라우저가 기억하고 있다가 사용자가 클릭시 그 코드를 자바스크립트 문법을 해석해 웹브라우저가 동작한다.제일 기본형은이다.