본문 바로가기

전체 글

(94)
CSS box Box-sizing : ①content-box : content box 사이즈만 500px * 500px ②border-box : content box + padding + border까지 다 포함 520px * 520px; 이때 margin은 포함 X Box display : Block 요소 (면,영역) : · block 요소는 width, height, padding, border, margin 모두 가능 · 부모요소가 100px box에 500px 주면 나머지 500px 은 margin이 됨 · 따로 부모의 height 값이 지정이 안되면 자식요소의 height 합이 부모요소의 height 값 Inline 요소 (선, 흐름) : · inline 요소는 width, height, padding top..
html meta 태그
Html table table 기본형식 : 기본요소 ,속성 : tr: 행을 정의하는 요소, 블럭요소, th와 td요소만 포함 가능 th: 제목셀, 굵은 글꼴 중앙정렬 td: 데이터 셀, 블럭요소, 인라인 요소와 텍스트, 또 다른 블럭 요소 포함 가능 행의 그룹 ,, : *눈에 보이지 않고 문서,의미적으로 묶어줄 뿐 *선언순서 thead → tfoot → tbody *thead 와 tfoot는 테이블에서 한번만 사용 가능! thead : 표의 머리글 tfoot : 표의 바닥 body : 표의 본문 열의 그룹 ,: *눈에 보이지 않고 문서,의미적으로 묶어줄 뿐 *열을 그룹화 *table 요소의 바로 뒤 tr, thead, tfoot, tbody 요소 보다 앞에 작성 (colgroup, col 사용 예시 자리) cell 변형 속..
Html form 태그 폼의 기본형식 태그 속성 action : 폼을 전송할 URL 지정 api 주소 name : 전송될 데이터의 이름 accept-charset : 폼 전송에 사용할 문자 인코딩을 지정 target: action에서 지정한 스크립트 파일을 현재 창이 아닌 다른 위치에 열도록 지정 method (디폴트 값 = get) : 서버로 데이터를 전송하는 방식 get : 데이터가 주소입력란에 표시 따라서 보안유지 x , 간단한 데이터 전송 post : http 헤더에 숨겨져 서버로 전송 보안성 우수, 크기 무제한 : 여러개의 폼 그룹화시켜 좀 더 구조적으로 만들때 사용 : fieldset의 컨트롤 들이 어떠한 성격의 콘텐츠인지 제목 형식으로 알려줌, fieldset 요소의 바로 뒤에 한번만 작성하는 필수요소 : 폼양식에..
Html 서식 태그 : 블럭 단위의 단락인용 : 한줄 인용 인라인요소 *인용 요소는 cite가 필수 속성 ex) 들여쓰기가 되는 블럭단위 인용문 , : 강조할때 아무거나 써도 됨 태그 : href 속성 필요 ex) 소영 티스토리 : 볼드체 : 이탤릭체 : 텍스트 출력방향 설정 dir 속성 속성값 : ltr , rtl ex) bdo ltr 안녕하세요. : 아랫첨자 윗첨자 : 축약어 (마우스 대면 그 뜻이 툴팁으로 나옴) title 속성과 함께 써야함 ex) HTML : 추가글 : 삭제글 추가글 삭제글은 datetime 속성으로 언제 추가가 이뤄졌는지 속성값을 입력해줘야 한다. cite 속성으로 책임자도 입력해줘야 한다. : 입력한대로 엔터, 띄어쓰기 그대로 보여줌 : 시각적 주목효과만 주는 형광펜 강조 효과 : 날짜와 시간을..
첫번째 개발환경 : 인텔리제이 let , var, const 차이점 var : 예전에 많이 사용 변수를 한 번 더 선언해도 에러가 나지 않고 다른 값이 출력 실수가 잦아짐! (ES6에 추가된 방식 let, const) let : 변수 재선언되면 오류 메시지 뜸 변수 재할당은 가능 ! ex) let testCase = 'let' // output: let let testCase = 'let2' // output: Uncaught SyntaxError: Identifier 'testCase' has already been declared testCase = 'let3' // output: let3