HTML&CSS&JS10 [HTML5] <table> 태그로 너무나도 심플한 게시판 모양 만들기 게시판 목록 번호 제목 글쓴이 등록일 46 동적인 글 테스터 2012-11-07 45 자바제목 JDBC 2012-11-07 44 자바제목 JDBC 2012-11-07 43 자바제목 JDBC 2012-11-07 심플 그 자체인 게시판 목록이다. 2020. 6. 22. [HTML5] <table> 태그로 계산기 모양 만들기 table 태그만으로 심플한 계산기를 만들어보았다. 2020. 6. 22. [HTML5] <form> 태그 태그라 하면, 우리가 회원가입 할때와 유사한 모양을 만들어주는 태그이다. 정형적인 태그고, 그 안에서 사용할 수 있는 많은 기능들이 있다. 이라는 태그 안에서 input 태그로 다양한 타입의 기능들을 사용할 수 있다. 1) text : 한 줄을 입력받는다. 2) password : 비밀번호용 기능 (암호처럼 보이지 않는다.) 3) checkbox : 다중 선택이 가능한 체크박스 4) radio : 단일 선택이 가능한 박스 5) button : 버튼, 사용자가 정의한 이벤트를 발생시킬 수 있음 6) file : 첨부 파일을 받을 수 있음 7) reset : 모든 것들을 초기화 8) hidden : 입력받지 않은 데이터를 전송 9) submit : form 태그로 입력받은 모든 데이터를 전송할 때 사용. 그.. 2020. 6. 22. [HTML5] <table> <td> <tr> <thead> <tfoot> 태그 오늘 알아볼 태그는 table 태그이다. table태그로 우리가 접하는 파이썬 dataframe이나, 엑셀의 csv 모양처럼 행과 열을 만들 수 있다. 이라는 태그로 테이블의 테두리나 너비, 높이 등을 조절할 수 있고, 태그로 행을, 태그로 열을 만들어 줄 수 있다. 1 - 1 2 - 1 1 - 2 2 - 2 위 코드를 보고 감을 잡으면, 1행당 2열이 있고, 총 2행이 있음을 알 수 있다. 셀 합치기처럼 열과 행을 합칠 수도 있는데, 이는 행을 합칠 때는 rowspan, 열을 합칠 때는 colspan을 사용한다. 첫 번째 칸 두 번째 칸 두 번째 칸 세 번째 칸 첫 번째 칸 두 번째 칸 이렇게 하면 무슨 모양이 나올까? 정말 기괴한 모양이 나온다. rowspan = "2"는 두 행을 묶는다. colsp.. 2020. 6. 22. 이전 1 2 3 다음
