윤제니

: inline 요소 속성 의미 값 특징 download 리소스를 다운로드하는 용도로 사용됨을 의미 Boolean href 링크 URL URL 생략 가능 hreflang 링크 URL 언어 ko, en, ... rel 현재 문서와 링크 URL의 관계 license, prev, next, ... target 링크 URL의 표시 위치 _self(기본값), _blank type 링크 URL의 MIME 타입 text / html ... => target 속성 1. _self : 현재 Tab에 새로운 페이지를 띄운다. 2. _bleak : 새로운 Tab에 새로운 페이지를 띄운다. : inline 요소 : 약어를 지정 (title 속성을 사용하여 전체 글자나 설명을 제공) Daru is very Cute! : inl..

META (웹 페이지의 정보) : HTML 문서에 관한 정보(표시 방식, 제작자, 내용, 키워드 등)를 검색엔진이나 브라우저에 제공 - 사용하는 속성 속성 의미 값 charset 문자 인코딩 방식 UTF-8, EUC-KR 등 name 검색엔진 등에 제공하기 위한 정보의 종류 author, description, keywords, viewport 등 content name 이나 http-equiv 속성의 값을 제공 LINK (CSS 불러오기) : 외부 문서를 연결할 때 사용 / HTML 외부에서 작성된 CSS 문서(xxx.css 파일)를 불러와 연결할 때 사용 - 사용하는 속성 속성 의미 값 rel *필수* 현재 문서와 외부 문서와의 관계를 지정 stylesheet, icon 등 href 외부 문서의 위치..

단축키 Preferences >> Keyboard Shortcut 에서 단축키 확인 및 변경 가능 " 를 사용하여 키 바인딩 검색 가능 ex) " cmd + alt + p 와 같이 문장 마지막에는 "를 닫지 않고 검색하는 것 추천 단축키 기능 command + F 검색 기능 command + Alt + F 단어 변경 기능 Tab 들여쓰기 Shift + Tab 내어쓰기 command + \ 화면 분할 command + w 분할 창 끄기 Shift + Alt + UpArrow 위에 줄 복사 Shift + Alt + DownArrow 아래 줄 복사 * 랩핑(Wrap)하는 방법 * 랩핑할 코드를 선택 "command + Shift + P" >> wrap mmet: Wrap with Abbreviation 선택 ..

Live Server 코드 작성 후 코드를 브라우저에 띄어서 원하는 결과 확인 하는 기능 하단의 Go Live 클릭 우클릭 >> Open with Live Server 클릭 1. Extensions >> live server 검색 >> Install(설치) 2. 코드 입력 후 하단의 Go Live 클릭 3. 코드가 실행되어 브라우저 창이 열리고 코드 결과 확인 가능 하단의 Go Live => Port:5500 으로 변경 (5500port를 통해 브라우저를 열어준 것) * Port를 끄고 싶을 경우 * Port:5000 클릭 하면 다시 Go Live로 변환 html의 환경에서 내용을 바꾸거나 브라우저에서 새로고침을 하여도 변경사항 적용 안됨. 4. 우클릭 >> Open with Live Server 클릭 ..

1. VS Code >> Extensions >> beautify 검색 >> Install 클릭하여 설치 2. Contributions(기여) 클릭 >> 단축키 설정 가능 3. Code >> Preferences >> Keyboard Shortcuts => 단축키 설정 가능한 목록 출력 4. 단축키 설정 원하는 것 검색 위에서 설치 받은 beautify의 Contributions => Name 복사 하여 검색 후 더블 클릭하여 단축키 입력! ex) alt + cmd(command) + l(알파벳 L) 5. 코드의 정렬을 가지런히(예쁘게) 변경 시켜준다. 변경 전 변경 후 (beautify 설치 후 적용)