html을 학습하는 곳
HTML 코딩 실습 환경 준비 - 생활코딩 (opentutorials.org)
HTML 코딩 실습 환경 준비 - 생활코딩
--- 기획이 끝났으니 이제는 코딩하기 위한 준비를 해보겠습니다. 코딩을 하기 위해서는 에디터(Editor)라는 프로그램이 필요합니다. 각자의 운영체제에는 이미 에디터가 준비 되어 있습니다.
opentutorials.org
■ visual studio code에서 html파일 만들기
생활코딩님은 아톰을 사용하시지만 저는 vs code를 사용하겠습니다.
바탕화면에 빈 폴더를 만들어줍니다.
vscode로 가서 file-> open folder을 해주시고
저 부분을 클릭하고 1.html을 만들어봅니다.
■ html파일 열기
인터넷 창에서 컨트롤+o 키를 누르면 파일을 선택할 수 있는데 , 아까 만든 1.html을 선택합니다.그럼 지금 아무것도 안적혀 있기 때문에 빈 화면이 나타납니다.
그리고 vscode에서 hello web!을 쳐보겠습니다.
1.html을 새로고침하면 저 글자가 나옵니다!
728x90
'WEB > html,CSS' 카테고리의 다른 글
| [html] 웹페이지 모바일 화면에 맞게 변경하기 (0) | 2020.12.29 |
|---|---|
| [html] 링크 넣기 <a href ="">/ 새창으로 띄우기/ 툴팁 (0) | 2020.12.28 |
| [html] 목록태그 / <li> <ul> <ol> (0) | 2020.12.28 |
| [html] <head> <body> <html> 태그/ 웹페이지 제목 설정<title> (0) | 2020.12.28 |
| [html] 웹 페이지에 이미지 넣기 (0) | 2020.12.28 |