html
2022. 8. 4. 15:07ㆍ카테고리 없음
! 엔터/탭 (기본 생성)
beautify 설치 후 beautify selection -ctrl+art+l 바로가기 등록 (코드정리)
auto renametag 닫힌 태그 자동수정
Alt+위/아래 (1행이동)
Alt+Shift+위/아래(같은 내용 복사)
Tab(Shift Tab):들여쓰기/내어쓰기
컨+B :사이드바 여닫기
컨+P: 이름으로 파일 검색
컨+시프트+P:에디터 모든 명령 접근
컨+시프트+[] : 다른 패널로 화면전환
컨+백슬래시 : 멀티 패널 확인
<!DOCTYPE html> : 문서형식 지정
<html lang="en"> </html> : html 스코프 지정
<head></head> : 문서의 정보 (웹페이지 제목,설명,파일 위치,스타일등)
<title></title> 문서제목 정의 , 실제 탭창에 표시
<link></link> 외부문서 연결 태그 ,주로 CSS파일을 가져와 연결
rel속성은 가져올 문서와 현재 파일의 관계
href속성은 가져올 문서의 경로
<style></style> HTML 문서 안에 css관련내용을 직접 작성시 사용
<script></script> 외부JS파일 연결 or JS내용을 style태그처럼 html문서안에 직접 작성
<meta></meta> 문서의 제작자,설명,키워드 ,인코딩방식(charset속성) , name속성은 정보종류, content속성은 정보의 값
<body></body>: 문서 구조, 화면 상의 로고,헤더,푸터,내비게이션,메뉴,버튼,이미지등 구조에 대한 정보
./ 현재 파일이 있는 폴더에서 시작(상대경로)
/(최상위-root경로에서 시작,절대경로)
첫 화면의 메인페이지는 최상위경로의 index.html파일에 작성 (경로설정에 index.html생략시 자동으로 index파일을 찾음)
상세페이지는 별도의 폴더를 만들어 그 안에 index.html파일을 추가하면 여러 페이지를 정리가능