티스토리 뷰
HTML과 CSS 그리고 JavaScript를 배우기 전에 파일 확장명을 표시해 봅시다.
각 파일은 확장명이 다릅니다. HTML파일은 문서명.html / CSS파일은 문서명.css / JavaScript 파일은 문서명.js로 표시됩니다.
다른 언어들로 파일이 만들어졌다면 또 다른 확장명을 볼 수 있겠죠 ? 하지만 프론트엔드 수업인 만큼 우선 세가지만 알아두면 충분합니다.
HTML => 문서명.html / CSS => 문서명.css / JavaScript => 문서명.js
뒤에 확장명을 보면 어떤 문서인지 알 수 있습니다.
우선 파일탐색기를 눌러주세요.(내문서나 다른 문서들을 누르셔도 상관없습니다.)
그리고 보기를 클릭하시고 파일 확장명에 체크 표시를 해주세요. 그러면 파일 확장명이 표시됩니다.
우선은 다른 프로그램을 사용하기 전에 메모장을 통해 간단히 만들어 볼 생각입니다.
메모장을 켜시고 파일에 있는 "다른 이름으로 저장"을 클릭해보세요.
파일 형식은 모든 파일, 인코딩은 UTF-8을 설정하시고 저장을 눌러주세요.
그리고 저장한 위치를 확인해보세요.
아무 내용이 없어서 클릭하셔도 빈 화면만 보일 뿐이지만, 우선 첫 번째 HTML문서를 만들었습니다. 다음 시간부터는 이 빈 문서에 하나씩 내용을 채워볼 예정입니다. 직접 만들어 보는게 최고의 공부니까요!
'Frontend-dev > HTML-CSS-JS' 카테고리의 다른 글
<div>태그와 <span>태그에 id와 class 속성 주기 (0) | 2017.12.14 |
---|---|
<input>태그, <a>태그, <ul>태그를 활용한 예시 (1) | 2017.12.13 |
기본 태그 설명 및 속성값 바꾸기 (0) | 2017.12.12 |
HTML태그 보충 설명 (6) | 2017.12.07 |
HTML 입문 (0) | 2017.12.06 |