ChoboIT

HTML 을 만들면서 제일 많이 사용하는 Element 는 단연 일 것이다. 그리고, 에서는 항상 "id" 나 "class" 속성 값이 붙게 되는데, 이를 빠르게 만드는 방법에 대해 정리한다. 필자는 HTML 을 오랫동안 다루지 않았기 때문에, 아는 선까지만 정리하고 새로 알게되는 것들이 있으면 추가할 예정이다. 1. class 속성 값을 입력한 채로, 를 생성하고 싶을 때는 "div.~~~" 을 입력하고 엔터를 쳐주면 된다. 그러면 의 형태로 바로 생성된다. 2. id 속성 값을 입력한 채로, 를 생성하고 싶을 때는 "div#~~~" 을 입력하고 엔터를 쳐주면 된다.

본 글에서는 VSC 에서 HTML 파일을 새로 만들 때, HTML 의 기본적인 구조 코드를 쉽게 만드는 방법에 대해 정리한다. 1. !(Shift + 1) 치고 엔터 "!"(Shift+1) 를 치고, 그에 맞게 생성되는 자동 완성 상자에서 "!" 를 선택하면 된다. 2. html:5 를 입력하고 엔터 "html:5" 를 입력하고, 그에 맞게 생성되는 자동 완성 상자에서 "html:5" 를 선택하면 된다. 3. 글 마무리 오랜만에 VSC 를 켜서 새 HTML 파일을 만들 일이 생겼다. 그런데, DOCTYPE 부터 까지 입력할 생각을 하니 너무 귀찮았다. 분명 단축키가 있던 것 같았는데... 라는 생각을 하며 찾아보게 되었고, 이번 기회에 간단하게 정리했다.

2.1 Introduction HTML(HyperText Markup Language) HyperText : 평문 이상의 데이터(비디오, 오디오 등등) Markup Language : 시작과 끝 을 표현하는 언어 2.2 Markup Languages HTML Markup 의 특징 모든 태그들이 인터프리터(브라우저)에 저장되어 있다. 모든 태그들은 닫힘이 있어야한다. Not Case Sensitive : 대문자 소문자 구분하지 않는다. 2.3 Editing HTML HTML Source Code HTML 문서는 텍스트 에디터 를 통해 만들 수 있다. Notepad(WIN), Vi(UNIX), Atom 등등 HTML 인터프리터는 Line by Line 으로 문법 검사를 하며 만약에 발생하는 문법 오류를 무시..