본문 바로가기
  • Coding & Book
WEB/HTML5

[HTML5] HTML페이지에 기본 방법으로 작성 해보자

by 루이3 2022. 12. 6.

웹페이지에서 제목과 내용 출력하는 방법

  1. 제목을 넣을때 <title> 제목 </title> 형식을 사용합니다.
  2. 내용을 넣을때에는 <h1> 내용 <h1> 사용 합니다.

 

 

내부,외부 스타일 시트(color, background ) 작성 방법

① 내부에서 스타일시트 작성을 하고 싶은 경우

(style 태그를 생성 후 글자 혹은 배경의 색깔을 바꾸는 것입니다.)

 

color : 색깔;  은  글자색을 바꾸고 싶을때 사용합니다.

background : 색깔; 은 글자 배경 색을 바꾸고 싶을때 사용합니다.

② 외부에서 스타일 시트를 작성하는 경우

(따로 외부 Style.css 파일을 만들어 불러 오는 것입니다.)

 

  • 외부에서 Style.css 작성 해줍니다.

  •  html 파일에서 <link rel="stylesheet"  href="외부 style.css" >로 외부 스타일시트를 불러와 줍니다.

 

 

내부, 외부 자바스크립트 사용 방법

내부에서 자바스크립트를 작성하여 실행 하는 경우

(script 태그를 생성 후 자바스크립트를 사용할 수 있습니다.)

 

<script>
           alert(' 내용 ' ); //경고창 출력
</script>

 

② 외부 자바스크립트를 가져와 실행 하는 경우

 

  •    외부 자바스크립트에서 작성 해줍니다

  •   html 파일에서 <script src="외부 자바스크립트"></script>로 외부 자바스크립트를 불러 줍니다.