[HTML] HTML 시작하기

예전에 노마드코더 "코코아톡 클론코딩"을 보면서 정리했던 내용을 발굴해서 좀 다듬어 올려본다. Learning HTML ✨파일명, 폴더명 항상 소문자로 만들기 파일 생성 전에 vsc에 폴더 열고 시작 (꼭 vsc 사용할 필요 X, 메모장으로도 만들 수 있다.) 파일 이름 뒤에 파일 형식 입력 (html, css....) html파일은 브라우저로 열기 (브라우저는 코드에 에러가 있다고 알려주지 않음) HTML 코드 text html tag 사이에 넣는 텍스트가 무언가가 됨 (title, image...) 브라우저는 아무 의미가 없어도 이해하려 함 브라우저는 내가 만든 태그를 사용하지 X (텍스트로 표현가능. 다만, 원하는 대로 작동 안 됨) text text ~ text text text text text..

• format_list_bulleted 프론트엔드/HTML CSS
• · 2024. 1. 11.
• textsms

[VS Code] Html에 Emmet 단축키 사용해보기

Html 작업 속도를 향상하기 위해 Emmet 단축키를 사용해 보았다. 사용하면서 유용하다 느꼈던 몇 가지를 정리해보도록 하겠다. Emmet 단축키 1.! vs code의 빈 페이지에서 ! + enter 입력 시, Html 상용구 자동생성 2. Wrap with Abbreviation ✨사용 전에 Vs Code에서 Wrap with Abbreviation 단축키를 먼저 설정해 주자. 톱니바퀴 아이콘 클릭 바로 가기 키(ctrl + k ctrl + s) 선택 Emmet:Wrap With Abbreviation 검색 + 기호 클릭 후 원하는 키 조합 입력 2.1 Wrap with Abbreviation (약어로 감싸기) 약어를 가져와서 확장한 후 생성된 스니펫의 마지막 요소에 현재 선택한 콘텐츠를 배치해 줌..

• format_list_bulleted 프론트엔드/HTML CSS
• · 2023. 11. 15.
• textsms