Be a groovy man by positive thinking

간략정리 1. table 태그 내부에 넣을 수 있는 태그 중 많이 쓰이는 태그 - tr표 내부의 행 태그 - th행 내부의 제목 셀 태그 - td행 내부의 일반 셀 태크 2. tr, td 태그의 속성 - colspan : 셀의 너비 지정 - rowspan : 셀의 높이 지정 3. img 태그 - src: 이미지 경로 지정 - alt: 이미지가 없을때 나오는 글자 지정 - width : 이미지의 너비 지정 - height : 이미지의 높이 지정 4. audio 태그 - src : 음악 파일의 경로 지정 - preload : 음악을 재생하기 전에 모두 불러올지 지정 - autoplay : 음악을 자동 재생할지를 지정 - loop : 음악을 반복할지 지정 - controls : 음악 재생 도구를 출력할지 지정..

예문 Ex_01입력양식1. 이 름 2. 버튼 3. 체크박스(중복허용) 4. 파일 첨부5. 숨김6. 이미지 버튼 7. 비밀번호 입력 8. 라디오버튼(1개만 선택) 9. 초기화 버튼 Ex_02textarea텍스트 입력 박스홍길동 Ex_03select 태그선택 박스김밥떡볶이순대오뎅 Ex_04선택 박스 그룹 묶기선택 박스 그룹 묶기Multimedia TagConnectivityDevice AccessAnimation3D Transform Ex_05가입페이지 만들기필수 입력 항목이름비밀번호 선택 입력 항목이메일취미독서 영화 음악좋아하는 음식김밥떡볶이순대오뎅1. 수집하는 개인정보 항목 회사는 회원가입, 상담, 서비스 신청 등등을 위해 아래와 같은 개인정보를 수집하고 있습니다. 가. 수집항목 이름, 비밀번호, 전화번..

간편정리 1. 자손,후손, 동위 선택자 - 후손 : 여러 계층 구조에서 기준이 되는 태그 안에 위치하는 모든 태그 - 자손 : 여러 계층 구조에서 기준이 되는 태그 바로 아래에 위치하는 태그 - 동위(형제) : 계층 구조에서 동일한 계층 - 후손 선택자element element div p ==> div 태그 안에 있는 모든 p 태그들 - 자손 선택자 element > elementdiv > p ==> div 태그 바로 아래에 있는 모든 p 태그들 - element + element : 기준 선택자 바로 뒤에 위치하는 선택자 div + p ==> div 태그 바로 뒤에 있는 p - element1~element2 : 기준 선택자 뒤에 위치하는 모든 선택자 2. 구조 선택자 - 일반구조 선택자 + firs..

간편정리 1. display 속성 - 화면에 영역을 표시하는 방식을 지정 - none : 화면에 보이지 않음 - block : 블럭형식 - 새로운 행에 추가됨 - inline : 인라인형식 - 같은 행에 추가, 넓이와 높이 지정안됨 - inline-block : 인라인형식(같은행에 계속 배치됨)이나 넓이와 높이 지정 가능 2. visibility 속성 - 보이거나 보이지 않게 지정 - visible : 보이게 만듦 - hidden : 보이지 않게 만듦 3. opacity 속성 - 대상의 투명도를 지정하는 속성이다 - 0.0(투명) ~ 1.0(불투명) 4. margin 속성 - 블럭형식의 바깥 쪽 여백 - margin : 10px==> 상하좌우 모두 10px - margin : 10px 5px==> 상하 ..