본문 바로가기

Coding

PHP 연산자의 종류 보호되어 있는 글입니다. 더보기
비쥬얼 스튜디오 코드 html 기본 웹 문서 자동 완성하기 ! 입력후 탭 or 엔터 Emmet 플러그인을 설치해야 한다 더보기
Block elements & Inline elements block elements 한줄에 하나의 요소만 포함 할 수 있는 HTML요소 EX) p, h1~h6, ul, ol, div, blockquote, form, hr, table, figure 기본 너비값:100% (폼 엘리먼트 제외) 너비값, 높이값 가질 수 있음 상하좌우 모든 마진 가질 수 있음 inline elements 한줄에 여러 요소를 포함 할 수 있는 HTML요소 EX)img, br, sub, span, input, label, a, button, b, l, s 기본 너비값 : 컨텐츠(내용) 너비값 너비값, 높이값 가질 수 없음(폼 엘리먼트, 이미지 제외 상하 마진 가질 수 없음(이미지 제외) 더보기
html5 HTML5는 내용과 디자인을 분리하여 유지보수에 장점이 있다 디자인은 내부 style에서 정의하여 사용하기도 하지만 외부에 연결하여 사용한다. style.css처럼 css 문서를 만들어서 html 내부에 링크를 걸어서 사용한다 html에서 기본 구조를 꾸미고 css에서는 디자인을 담당한다고 보면 될 것이다. css 파일을 여러개 만들어서 각각의 디자인으로 편리하게 관리가 가능하다. HTML5는 멀티미디어를 직접 재생할 수 있다(플러그인 설치가 필요 없게 되었다.) 서버와 통신을 할 수 있다 시멘틱 태그가 추가되어, 검색엔진의 검색 능력을 극대화할 수 있다. 더보기
vscode 사용법, 단축키 명령어 설명 Ctlr + + 창크기 확대 Ctlr + - 창크기 축소 Ctlr + Shift +K 행 삭제 Ctlr + X 순서 바꾸기 Alt + Down 행을 아래로 이동하기 Alt + Up 행을 위로 이동하기 Ctlr + Shift+ Enter 윗줄에 행 삽입하기 Ctlr + Alt+ Down 커서를 아래에 추가 Ctlr + Alt+ Up 커서를 위에 추가 Ctlr + D 다음 선택 찾기 Ctlr + Shift + L 현재 선택 항목을 모드 선택 Ctlr + ] 라인 들여쓰기 Ctlr + ] 라인 내어쓰기 Ctlr + / 주석 처리 Ctlr + Shift + P 모든 명령 표시 Ctlr + O 파일 열기 Ctlr + R 최근 파일 열기 Ctlr + Shift + ' 터미널 설정/해제 ! 입력 Tap .. 더보기
HTML 표만들기의 기본구조 표 제목 만들기(caption) 기본적인 표 만들기 제목 만들기 행 또는 열 합치기 표 제목 구조 정의 표 분문 구조 정의 표 요약 구조 정의 더보기
css 포지셔닝 Relative =부모요소 Absolute = 자식요소 #relative { position: relative; } #absolute { position: absolrute; top: 10px; right: 10px; } 더보기
css position 속성 : relative & absolute Relative =부모요소 Absolute = 자식요소 #relative { position: relative; } #absolute { position: absolrute; top: 10px; right: 10px; } 더보기

티스토리툴바