> For the complete documentation index, see [llms.txt](https://mose-byun.gitbook.io/codingmission/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://mose-byun.gitbook.io/codingmission/undefined-2/undefined.md).
# 보일러 플레이트 코드
보일러 플레이트 코드란(Boilerplate code) 반복되는 코드를 재 사용하는 코드를 의미합니다.
우리가 만들 웹페이지의 뼈대가 되는 코드를 만들어 보면서\
웹페이지가 어떻게 구성되어 있는지 살펴 보겠습니다!
```html
Hello, world!
Hello, world!
```
index.html 파일 생성
앞에서 생성한 replit 페이이 왼쪽 메뉴 화면에서 **`New file`** 아이콘을 클릭하여 **`index.html`** 파일을 만들어 줍니다
코드 복사 & 붙여 넣기
기존에 적혀있는 코드들을 삭제하고 복사한 보일러 플레이트 코드를 붙여 넣어 줍니다.
타이틀 변경하기
웹페이지는 html 파일로 만들어 집니다.\
html 파일은 다양한 태그들로 구성되어 있는데\ **\**</mark> **태그**는 웹페이지의 제목을 담당 합니다.\
기본으로 적혀있는 <mark style="color:blue;">**`hello world`**</mark> -> <mark style="color:blue;">**`동물 갤러리 웹페이지`**</mark>로 변경해 줍니다.
```html
<title>동물 갤러리 웹페이지
```
코드 실행
**Run 버튼**을 누르면 화면 오른쪽에 우리가 만든 웹페이지가 보여 집니다.\
**`새로운 탭 열기`** 버튼을 눌러 변경한 **타이틀 이름**이 잘 보이는지 확인해 보세요!
