Appia의 IT세상

Sublime Text 기본 템플릿 사용하기 본문

Programming/HTML&CSS

Sublime Text 기본 템플릿 사용하기

Appia 2021. 9. 6. 06:20
반응형

Sublime Text 기본 템플릿 사용하기

Sublime Text 기본 템플릿 사용하기

HTML에 대해서 작성을 할 경우에 다양한 에디터 툴을 사용합니다. 저의 경우에는 이전 포스팅에서 이야기 드린바와 같이 최근에 Sublime Text를 사용합니다. 그래서 이것저것 해보던 중에 몇가지 부분들에 대해서 살펴보던 중에 자동으로 템플릿을 생성하는 방법을 확인하였습니다. 그래서 그 부분에 대해서 공유를 드리고자 합니다. 

 

다음 포스팅은 Sublime Text가 설치되었다는 전제로 진행이됩니다. 만약 설치를 진행하시지 않았거나, 설치가 되지 않은 분들은 다음 링크을 참조하여 Sublime Text를 설치하시길 바랍니다. 

[윈도우10 Windows10] HTML 에디터 Sublime Text 다운로드 및 설치하기

 

[윈도우10 Windows10] HTML 에디터 Sublime Text 다운로드 및 설치하기

[윈도우10 Windows10] HTML 에디터 Sublime Text 다운로드 및 설치하기 HTML등을 작업을 하다보면 자연스럽게 에디터 프로그램이 필요로 합니다. 저의 경우 대부분 VScode를 많이 사용하지만, 그래도

appia.tistory.com

 

대부분 제가 작성한 간단한 HTML 파일이 있습니다. 실제로, 다양한 부분들이 있지만, 빨간색 부분에 보이는 부분들에 대해서는 대부분 사람들이 기본적으로 작성을 하고 시작합니다. 그래서 이번 포스팅에서는 빨간색으로 보이는 부분들이 자동으로 생성되게 하는 방법에 대해서 이야기를 해보겠습니다. 

HTML 작성예 

먼저, 새로 파일을 시작할 경우 다음과 같은 형태로 파일이 되어 있을 것입니다. 

새로운 파일 

이 때 좌측 상단에 있는 [File]부분을 클릭하여 주시고 나서, [Save]을 통해서 파일을 저장을 우선 해주시길 바랍니다. 

Sublime Text의 파일 저장 

그럼 다음과 같은 다이얼로그가 나올 것입니다. 여기에서 원하시는 이름 형태로 파일을 작성하시고, html 을 확장자로 지정하여 저장해주시길 바랍니다. 

파일 저장 다이얼로그 확면

그럼 다음과 같은 화면이 나타날 것입니다. 

새파일 형태 

여기에서 "<html" 까지만 작성하시고 나서 Tab키를 눌려주시길 바랍니다. 

HTML 템플릿을 생성하기 위한 입력 

그럼 다음과 같은 화면으로 변경이 되는 것을 확인할 수 있습니다. 

html 템플릿 생성화면 

위의 상태에서 작업을 시작하시면 보다 편리하게 작업을 하실 수 있습니다. 위에서 <html까지만 작성하셔야 합니다. 만약 <html>을 작성하시면 템플릿이 생성이 되지 않습니다. 

 

이번 포스팅에서는 Sublime Text 기본 템플릿 사용하기라는 주제로 간단히 포스팅을 해봤습니다. 혹 궁금하신 점이나 문의 사항이 있으시면 언제든지 댓글 및 방명록에 글 남겨주시길 바랍니다. 감사합니다. 

반응형
저작자표시 비영리 변경금지

'Programming > HTML&CSS' 카테고리의 다른 글

[초보HTML배우기 17]HTML - 버튼(button)만들기(input)  (0) 2020.08.16
[초보HTML배우기 16]HTML - 파일 업로드 박스(upload box)만들기(input)  (0) 2020.08.13
[초보HTML배우기 15]HTML - Form, 콤보 박스(Select box)만들기(select)  (1) 2020.08.10
[초보HTML배우기 14]HTML - Form, 라디오 버튼(radio button)만들기(input)  (0) 2020.08.07
[초보HTML배우기 13]HTML - Form, Checkbox만들기(input)  (0) 2020.08.04
'Programming/HTML&CSS' Related Articles more
Comments