div 를 이용해서 두개의 칼럼을 만드는 코드이다. 그리고 css 에도 아래와 같이 코드를 넣어주면 완성이 된다. <div class=”row”> <div class=”column”></div> <div class=”column”></div> </div> css 코드에는 아래와 같이 넣는다. 정확히 두개의 칼럼이 50% 되려면 아래와 같다. .column {float: left; width: 50%;}…
홈페이지 제작시 도표를 정리할때 테이블을 많이 사용하는데 <div> 태그외에 <table> 을 여전히 많이 사용하게 된다. css 에서 테이블을 꾸미는 방법을 올려보았다. 아래 코드는 <head> 와 </head> 사이에 넣거나 style.css 에 넣으면 된다. <style> table{border-style: solid; border-width: 3px; border-color: #000000;} tr,…
현재 페이지에서 한페이지 뒤로 가려할때 흔히 사용하는 코드는 아래와 같다. <button onclick=”history.go(-1)”>Go Back</button> <input type= ‘button’ onclick=’javascript:history.go(-1);return false;’ value=’Back’> 하지만 위의 코드는 크롬 브라우져에서 안되는 경우도 있다. 그럴때는 아래의 코드를 사용하여 해결할 수 있다. <a href=”<?php echo $_SERVER[‘HTTP_REFERER’] ?>”>Go Back</a>…
홈페이지를 제작할때 이미 만들어진 페이지를 새로운 툴을 이용해서 다시 제작할때가 있다. 이미 구글 검색에 이전 URL 링크로 목록에 나타나 잘못된 링크로 클릭하면 문제가 생길 일이 종종 생긴다. 그럴때 유용한 팁이다. Old 파일주소를 만들어 아래 코드를 넣어보자. head 부분에 이동할 url…
크롬 브라우져나 기타 다른 브라우져를 앱으로 사용할때 특히 URL을 보여주고 싶지 않을때 풀 스크린으로 바꾸어 주는 것이 완성된 앱으로서의 기본적인 사항일 것이다. 다음은 크롬 브라우져를 풀스크린으로 바꾸는 방법이다. 키보드에서 F11 키를 누르면 바로 풀스크린으로 바뀐다. 브라우져 맨위 오른쪽 끝에 점…
CODE RESULT <table border=”1″ bgcolor=”#cccccc”> <tr> <td> Hello </td> </tr> </table> Hello CODE RESULT <table width=”160″ border=”1″> <tr> <td width=”50%” align=”center” bgcolor=”blue”> Hello1 </td> <td width=”50%” align=”center” bgcolor=”green”> Hello2 </td> </tr> </table> Hello1 Hello2 CODE RESULT <table width=”160″ border=”1″> <tr> <td width=”50%”…
