본문 바로가기
728x90

프로그래밍/HTML, CSS9

반응형 홈페이지 테이블 만들기 반응형 홈페이지 테이블 만들기 입니다 컬럼이 많은 테이블을 표현할땐 특히 가로가 길어지면 세팅하는게 어렵습니다. 그럴땐 아래처럼 해보세요. Responsive TableIf you have a table that is too wide, you can add a container element with overflow-x:auto around the table, and it will display a horizontal scroll bar when needed.Resize the browser window to see the effect. Try to remove the div element and see what happens to the table. First Name Last Name Points P.. 2020. 6. 9.
HTML - <font>, <p> , <div>, <a> 이렇게 폰트의 설정을 바꾸지 않은 구문입니다. 폰트의 크기는 1, 컬러는 블루를 적용하는 구문입니다. 폰트의 크기는 2, 컬러는 #ff0000를 적용하는 구문입니다. 폰트의 크기를 일반적인 크기인 3으로 적용하는 구문입니다. 폰트의 설정을 바꾸지 않은 구문입니다. 폰트의 크기를 기본크기+1로 바꿔주는 구문입니다. 폰트의 크기를 기본크기+1로 바꿔주는 구문입니다. 해당 div 태그는 내용물을 오른쪽 정렬로 바꿔주는 구문입니다.어떤 태그 안에 둘러쌓여 있더라도div 태그의 영향을 받아 오른쪽 정렬로 바뀌게 됩니다. 문장에 google.com으로 연결되는 링크를 붙여주는 태그입니다.문장에 사용자의 index.html으로 연결되는 링크를 붙여주는 태그입니다. 이렇게 확인 할 수 있습니다 직접 간단하게 확인하실거.. 2020. 6. 4.
자바스크립트 웹페이지 팝업 띄우기 자바스크립트 팝업 띄우기 var win = window.open("/popup.html", "PopupWin", "width=500,height=600"); 이렇게 하면 popup.html 창이 가로 500 세로 600 사이즈로 팝업창이 나온다 옵션으로는 아래와 같습니다. - channelmode=yes|no|1|0 : 전체화면으로 창이 열립니다. IE에서만 동작합니다. - fullscreen=yes|no|1|0 : 전체 화면 모드. IE에서만 동작합니다. - height=pixels : 창의 높이를 지정합니다.(height=600) - width=pixels : 창의 너비를 지정합니다.(width=500) - left=pixels : 창의 화면 왼쪽에서의 위치를 지정합니다. 음수는 사용할 수 없습니다... 2020. 5. 12.
자바스크립트 날짜 시간 input 박스에 넣기 자바스크립트 날짜 시간 input 박스에 넣는 방법 입니다 아래와 같이 스크립트를 넣어주고 바디부분에 로드시에만 값을 넣게 하면 됩니다 년,월,시간,분,초 전부 들어 있으니 원하는 값만 바꿔서 변경해도 됩니다. 2020. 5. 4.
728x90