티스토리 뷰

Language/HTML

HTML - 개발 환경 구축

ShinyOcean 2021. 5. 16. 18:44

 

 

안녕하세요 :)

 

HTML을 주제로 한 두번째 포스팅은 개발 환경 구축에 대하여 다루어 보겠습니다.

 

먼제 저는 우분투 20.04 리눅스 운영체제를 사용하고 있습니다. 철저하게 리눅스 기준으로 포스팅을 할것이지만

 

HTML 언어는 웹브라우져와 코드를 작성할수 있는 프로그램 하나면 충분합니다. 사실 .html로 확장자를 바꾸어 작성할수 있는 텍스트 편집기 아무거나 상관 없습니다.

 

그리고 이미 윈도우라면 메모장 , 맥이나 리눅스라면 터미널에서 충분히 이를 행항수 있습니다.

 

저의 경우 firefox 웹브라우저 와 vi 에디터를 사용하여 개발을 진행해볼 계획입니다.

 

개발환경구축이라기 보다는 리눅스 환경에서 html 언어를 작성하고 확인하는 방법에 대하여 다루어 보겠습니다.

 

먼저 터미널을 열어 test.html 이라는 파일을 vi 에디터를 이용하여 만들어 주었고, 그 내용은 아래와 같습니다.

strong 이라는 태그를 활용하여 hello world 라는 문구의 "hello"를 굵은 글씨체로 출력되게 한것입니다.

 

이 파일을 firefox 명령을 통해 실행하면 다음과 같습니다.

 

 

위처럼 firefox 브라우저를 통해 제가 작성한 코드대로 화면에 출력되는 것을 확인할수 있습니다

 

'Language > HTML' 카테고리의 다른 글

HTML - 속성, 리스트  (0) 2021.05.17
HTML - TAG <br, p> / 검색엔진에서의 <h1>  (1) 2021.05.16
HTML - TAG <strong, u, h1>  (0) 2021.05.16
HTML - 기획  (0) 2021.05.16
HTML - intro  (0) 2021.05.16
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
«   2025/04   »
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30
글 보관함