1. html 파일 생성하기 - 새폴더 하나 생성하기 - 비주얼 스튜디오 코드(visual studio code) 를 열고 새폴더 드래그해서 옮기기 - 새 파일 하나 생성하기 (파일이름 뒤에 .html 붙이기) ex. index.html - html 파일에 ! 입력하고 enter 하기 (HTML 기본 구조를 빠르게 작성) Q. !
enter 는 어떤 기능인가요? HTML 문서의 기본 구조를 빠르게 생성하는 방법으로,
DOCTYPE html> html 문서다! 페이지가 영어로 작성되었다 !
(이 부분은 ko 로 변경해주기) 웹 페이지의 정보, 링크, 표시되지 않는 데이터 전 세계 모든 문자를 표현할 수 있는 유니코드 문자 인코딩 방식 모바일 최적화 뷰포트 설정 ...
![[html 2.] html 파일 만들기 & 시맨틱태그로 html 구조짜기 & 특수문자(entity code) 넣기](https://mblogthumb-phinf.pstatic.net/MjAyNDA0MTVfMjAy/MDAxNzEzMTY4MDg0NTAz.S4QHNP9diplib3KrLeCszM-h0Y0AlX4Qqp1rFiCcvPwg.Th8c4CGoxsiuMBW9HyWmMxXyeYNHn7Laf2KvUZ--UXEg.JPEG/006.jpg?type=w2)
#
entitycode
#
visualstudiocode바로열기
#
visualstudiocode
#
html파일열기
#
html파일만들기
#
html특수문자넣기
#
html특수기호넣기
#
html구조짜기
#
html
#
시맨틱태그
![[공유] JAVASCRIPT 정리](https://mblogthumb-phinf.pstatic.net/MjAyNDAzMjRfMTk3/MDAxNzExMjA5MjE0Mjg5.BArJ2todMWph1coYwwFWLwxgPwggEdIwQqI_GUcxyMMg.MSmA07pmaNIkfFCL0WG-KpcrChdgRonqC__MHZx8VY0g.JPEG/js.jpg?type=w2)
![[공유] notion 으로 10분만에 포트폴리오 사이트 제작하기 (+단축키)](https://mblogthumb-phinf.pstatic.net/MjAyNDA0MTBfMTgz/MDAxNzEyNjc3NzM1MDE4.vA0_InQlDJeni-nGubGS7FANRfLvgyNFZyjwue6fILcg.Xc00TChWowWOBwMbn6S6HI0nd4bN19fBiUNGA2rFbU8g.JPEG/%C1%A6%B8%F1%C0%BB-%C0%D4%B7%C2%C7%D8%C1%D6%BC%BC%BF%E4__%BA%B9%BB%E7%BA%BB-003.jpg?type=w2)
![[css 10.] 부드러운 효과주는 transition 작성법, 주의사항](https://mblogthumb-phinf.pstatic.net/MjAyNDA0MjNfMjcy/MDAxNzEzODMyMTc5MzA0.sPHGXtkXCagWTChQ6SYjvk4U1gaYp3bEowWFsYv_f0Ag.aPtDKXvepk0BGfx-wYMUNrtvYZCpLsBNcynGUVhSVFMg.JPEG/%C1%A6%B8%F1%C0%BB_%C0%D4%B7%C2%C7%D8%C1%D6%BC%BC%BF%E4__%BA%B9%BB%E7%BA%BB-021.jpg?type=w2)
![[ITQ] 시험 원서접수 & 합격기준 & 기출문제 (OA MASTER란?)](https://mblogthumb-phinf.pstatic.net/MjAyNDA1MDVfMjgz/MDAxNzE0OTExNTEyODUx.WgfXm1QlW2imKULuHPpbwAaNaH2k_TwA7MuqymPIKIsg.snVmBKoGY2NjrmVL2-odzOkXfac7woDs55ZCRjr7ezog.JPEG/%C1%A6%B8%F1%C0%BB_%C0%D4%B7%C2%C7%D8%C1%D6%BC%BC%BF%E4__%BA%B9%BB%E7%BA%BB_%281%29-002_%281%29.jpg?type=w2)
![[라이브러리] 애니메이션 효과 animate.css 적용하기 (사용법)](https://mblogthumb-phinf.pstatic.net/MjAyNDA1MDhfNDMg/MDAxNzE1MTU2NzAyMDE3.VOWYKAcI2jHY5SGbj3C6Y5NpbZ-aYql-n2B6ycqhMrcg.6-67wUybhU58MwC50pjBpsXA05K48MhZtROTRU4-pigg.JPEG/%C1%A6%B8%F1%C0%BB_%C0%D4%B7%C2%C7%D8%C1%D6%BC%BC%BF%E4_-004.jpg?type=w2)
![[javascript 2.] 자바스크립트 변수, 키워드, 사용법](https://mblogthumb-phinf.pstatic.net/MjAyNDA2MDRfMjEy/MDAxNzE3NDY4NDQ0Njc5.5hTWhLa4_fX5REuNMqWVKKjDsSPiQm-3gk90r2BgtQQg.qZku3t2yF5nyc7nXfSEM7tIjCYXhvDmni_1NIaalk1kg.PNG/%C1%A6%B8%F1%C0%BB_%C0%D4%B7%C2%C7%D8%C1%D6%BC%BC%BF%E4__%BA%B9%BB%E7%BA%BB_%281%29-002.png?type=w2)