Html&CSS

html 편집기 종류 소개

kukuki 2018. 7. 17. 15:05
반응형

안녕하세요 ~ 오늘은 HTML 편집기에 대해 간단하게 소개하고자 합니다.

우선 HTML 편집기는 HTML을 작성할 수 있는 공간입니다.





HTML 편집기는 메모장 또는 텍스트 편집기를 이용해서

HTML 코드를 작성할 수 있습니다.


처음에 배우시는 분들은 간단한 html 편집기를 이용해서 배우는 것이 좋다고 생각합니다.

메모장이나 텍스트 편집기로 웹페이지 만드는 방법은 하나하나 배워 보도록 하겠습니다




1. PC 에서 메모장을 열기



* 윈도우 8이상은 윈도우 창 검색에 메모장을 치면 됩니다.


2. 메모장을 이용해 저번에 배운  간단한 HTML 코드를 메모장(html 편집기)에서 작성해주면 됩니다.




3. HTML 페이지를 저장해야하는데, 파일에서 다른이름저장을 누르고

파일 이름을 filename.html로 다른이름으로 지정하고 인코딩을 UTF-8로 설정해주시면 됩니다. 

UTF-8은  HTML 파일의 기본 인코딩입니다.




4. 마지막으로 자기가 저장한 파일을 클릭 해주면 자기가 입력한 HTML 코드들이

웹페이지에 다음과 같이 나타나게 됩니다.



이런식으로 메모장을 사용해 html  코드를 입력해서 웹페이지를 추가/수정/삭제/편집 하실 수 있습니다

오늘은 html 편집기에 대해서 알아보았습니다.  다음에는 html의 기본 예제들과 요소과 무엇이 있는지 정확하게

알아보도록 하겠습니다. 이만 html 편집기의 대한 포스팅을 마치도록 하겠습니다.


반응형

'Html&CSS' 카테고리의 다른 글

css hover 가상클래스  (0) 2020.11.01
vs code 설치 방법  (0) 2020.10.22
html5 소개  (0) 2018.07.16