html 파일 만들어 실행시키기

 

1. 에디터 : vs code 사용

 

2. C 드라이브에 html이라는 폴더를 만들어 vs code에서 폴더를 연다

 

3. html 이라는 폴더에 ex1.html이라는 파일을 만든다

 

4. 아래 그림과 같이 코드를 작성한다. 

 

코드 예시

<p>안녕하세요~ 배도사입니다!</p>
<br>
<br>
<strong style="color:red">반갑습니다!</strong>

 

코드 설명

html의 문법은 태그로 구성되어 있다.

태그는 여는 태그<>와 닫는 태그</>가 있다.

여는 태그와 닫는 태그 사이에 내용을 넣는다. 

 

<p>안녕하세요~ 배도사입니다!</p>

여는 태그와 닫는 태그 사이에 내용을 적는다. 

 

<br>은 한 줄 띄우라는 명령어이다.

 

<strong style="color:red">반갑습니다!</strong>

strong을 굵은 글씨를 의미한다.

style = ""를 통해 속성을 부여한다. 

style="color:red" 은 빨간색이라는 속성을 부여했다. 

 

5. 코드를 실행하면 chrome 창에서 다음과 같은 웹 하면이 뜨는 것을 볼 수 있다. 

 

코드 결과