|아톰(Atom) 설치하기
아래 아톰 사이트에서 Download를 눌러 아톰을 설치합니다.
A hackable text editor for the 21st Century
At GitHub, we’re building the text editor we’ve always wanted: hackable to the core, but approachable on the first day without ever touching a config file. We can’t wait to see what you build with it.
atom.io
|아톰 HTML 기본 세팅
실행을 시키면 이런 화면이 나옵니다. Welcom 등 떠있는 창은 지워도 됩니다.
오른쪽 위에 있는 File 목록에서 New File을 눌러 새 파일을 만들어 줍니다.
오른쪽 아래에 있는 Plain Text를 눌러 HTML을 적용시킵니다.
위의 사진은 HTML의 필수적인 기본 틀입니다.
- <!DOCTYPE html> : 해당 문서가 HTML이라는 것을 나타내는 하나의 약속
- <html> </html> : html 문서의 시작과 끝을 나타내는 태그
- <head> </head> : 여러 동작 정보를 담는 태그
- <body> </body> : 실제로 보이는 보이는 부분을 담는 태그
*태그 : < > 안에 들어간 속성
|HTML 파일 저장하기
html 태그 사이에 아무거나 입력 후 오른쪽 위에 있는 File목록에서 Save를 눌러줍니다.
저장할 때 파일 이름을 ㅇㅇ. html, 파일 형식을 All Files로 변경 후 저장해줍니다.
파일이 이렇게 저장되었고, 실행하면 오른쪽과 같이 나타납니다.
'코딩공부 > HTML' 카테고리의 다른 글
| [프로그래머 되기] 웹사으트를 만드는 HTML을 배워보자 ; HTML편집기 , 기본 용어, 배우는 것 (0) | 2021.07.31 |
|---|
댓글