본문 바로가기

웹개발/HTML, CSS 기초

[html, css 기초] 1. html 페이지 만드는 방법

1. 이론

 웹사이트는 우리가 지시한 명령( code )과 명령을 읽어서 수행하는 역할을 하는 브라우저( Browser )로 구성되어 있다.

이때 우리가 명령을 어떻게 지시할까? 이게 바로 html이다!

html에 코드를 작성하여 브라우저로 로드하게 되면 브라우저가 html을 읽고 실행한다.

 

2. 실습

 

# 바탕화면에 새로운 폴더를 만든다. (폴더명은 자유롭게)

 

 

# 텍스트 파일을 하나 생성한다.

 

 

# 이름을 아무거나 짓고 뒤에 .html을 붙여 파일명을 변경한다.

 

 

# 유형에 해당하는 항목이 다음과 같이 바뀌었는지 확인한다. ( 안바뀌었다면 아래 참고 )

 

 

# 안바뀐 경우 보기 -> 표시 -> 파일 확장명 체크

 

 

# 해당 파일을 메모장으로 열어준다.

 

 

# 다음과 같은 코드를 작성한 뒤 ctrl + s 로 저장한 뒤 ctrl + w를 통해 창을 닫는다.

 

 

# 파일을 더블클릭으로 열어주면 코드가 웹페이지로 작성된 것을 볼 수 있다.

이때 주소창을 보면 index.html의 절대경로로 표시되는데 이는 서버가 제공하는 것이 아니기 때문이다.

 

봐주셔서 감사합니다 !