html_html에디터

 

이번 포스팅은, 코딩한 html 파일을 웹뷰어로 확인하는 방법과, 무료로 사용할 수 있는 html 에디터에 관한 내용입니다.

 

 

---

 

1. 코딩한 html 파일을 웹뷰어로 확인하는 방법.

 

● html은 코딩을 한후에 저장할때, 파일 확장자를 html로 하면 됩니다.

 

● 파일명.html로 저장된 파일을 시각적으로 확인하는 방법은, 웹뷰어인 익스플로러나, 크롬으로 열어서 확인을 하면 됩니다.

● 탐색기에서 저장된 html파일을 선택한후, 오른쪽버튼을 클릭하고, 연결프로그램에서 Chrome이나, Internet Explorer를 선택하면, 선택한 뷰어로 파일이 열리게 됩니다.

 

● 지난번 포스팅에서도 다루었듯이, title태그는 웹뷰어의 상단탭에 보여집니다. body태그에 들어 있는 각종 하위 태그들은, 본격적인 웹의 내용을 표현합니다.

 

● 앞선 포스팅에서 설명드린대로, 간단하게 코딩을 메모장에 하시고, 작성한 파일을 크롬과 익스플로러에서 열었을때 동일하게 보여지는지 꼭, 한번 확인해 보세요.

 

2020/07/02 - [코딩] - html_html이란?

html_html이란?

2020/07/09 - [코딩] - html_,

html_,

2020/07/23 - [코딩] - html_head, title

html_head, title

 

---

 

2. 무료 html 에디터에 대한 설명.

 

● html을 코딩할때, 조금 더 효율적으로 하기 위해선, 적당한 에디터가 필요합니다.

● 가장 기본적인 방법은 메모장을 열고, html을 코딩한후에 파일확장자를 html로 하고 저장하면 됩니다.

● 처음 코딩을 시작하신 분들에게는, 코딩하는 대로 미리보기화면이 보여지면, 확실히 좀 더 효율적으로 작업할 수 있습니다. 그런 방식의 대표적인 에디터로는 유료로 사용 가능한, namoeditor와 Adobe Dreamweaver가 있습니다. html을 코딩하고 매번, 웹뷰어로 열어서 볼 필요없이, 에디터 내부에서 미리보기로, 보여지기때문에 초보자들에겐 작업시간을 단축할 수 있고, 태그의 올바른 표현을 바로 확인할 수 있어서 좋습니다.

● 어느정도, html태그들을 익숙하게 코딩할 수 있는 경지가 되면, 굳이 매번 확인할 필요는 없습니다.

● html 파일을 코딩하고, 별도로 웹에서 결과물을 확인하는 방법에서 가장 많이 쓰이는 에디터로 필자가 추천드리는 2가지는, VisualStudioCode와 구름IDE입니다. 물론 무료입니다.

● VisualStudioCode는 사이트(https://code.visualstudio.com/)에서 다운 받아서, 바로 사용 할 수 있습니다. VisualStudioCode는 마이크로소프트가 개발하였으며, 코딩가능한 대표적인 소스코드로는, C, C++, CSS, html, java, JavaScript, JSON, php, python, R, Ruby, sql, Swift, visual basic, xml등이 있습니다.

● 구름IDE(https://ide.goorm.io/)는 프로그램을 별도로 설치하지 않고, 웹에서 회원가입만 하면 바로 사용할 수 있는 웹 기반 클라우드 프로그래밍 도구 입니다. 그리고, 미리보기도 가능합니다. 사용가능한 소스코드들은 아래의 이미지와 같습니다.