jquery와 a태그를 이용해서 이벤트메소드를 사용할때 

a태그에 herf="#"이걸 선언해줘야 하는데 이렇게 되면 태그를 누를때 마다 페이지 상단으로 올라가는 현상이 생긴다.

이것을 방지 하는 방법이 있는데

다음과 같이 하면  된다.

<a href="#" onclick="return false;">test</a>

이렇게 onclick 부분에 refuen false; 를 선언해주면 되는데 이뜻은

'href에서 발생한 액션을 실행시키지 않는다'라는 의미이다.

이러한 것을 슈도프로토콜이라고 하는데 

슈도프로토콜은 하이퍼링크에서 자바스크립트를 부르기 위해 만든것이다.

그러니까 onClick, onFocus등의 html 속성안에 선언하는것들인데 일단은 비표준이기 때문에 

슈도프로토콜을 지원하는 브라우저에서만 작동하고, 자바스크립트를 끄면 작동하지 않게된다.

참고

http://blog.naver.com/myefhc/100124397435

<input type="text" style="vertical-align:middle"><input type="submit" style="vertical_align:middle">

width와 height는 원하는 대로 조정 하면 버튼이 잘 붙어있다.

보통은 opacity로 하지만 이렇게 되면 배경색 뿐만 아니라 그 안에 내용까지 투명하게 되버린다 그래서 이럴때는

background를 사용 하여 rgba값을 써서 배경을 투명하게 한다.

참고 링크 http://css-tricks.com/rgba-browser-support/

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

을 사용하면 최신 버전의 렌더링을 사용하여 보여준다

결과a태그의 영역

table 은 radius를 사용 할 수 없음

radius를 해야 할 경우에는 div 로 감싸거나 script를 사용 하여야함

border : 1px solid black;

border-radius : 10px;