[VScode] 간단한 웹페이지 만들기

HyperText  Markup  Language

 

만들어볼 웹페이지 계획

 

제목 : 반전 영화 베스트

 

1. 식스센스

2. 유주얼 서스펙트

3. 데이비드 게일

4. 메멘토

 

각 항목을 클릭하면 해당 영화를 설명하는 페이지로 링크하는 웹페이지 만들기

---

필요한 페이지 : 메인 페이지, 각각의 항목 페이지 총 5개

 

각 항목의 내용

 

1.html

반전영화 베스트

 

 

1. 식스센스 The Sixth Sense, 1999

 

브루스 윌리스가 주연을 맡은 반전영화의 최고봉. 

아동 심리학자 말콤 크로우(브루스 윌리스)가 여덟 살의 콜 시어(헤일리 조엘 오스먼트)의 정신상 담을 맡게 된다.

하지만 콜에게는 아무에게도 말하지 못할 비밀이 있다. 바로 죽은 자를 볼 수 있다는 것이다. 콜의 문제를 과학적 입장에서 풀어보려는 말콤. 하지만 이 둘 중 누군가를 치료한 사람은 콜이라는 소년이었다.

영화 내내 브루스 윌리스도 역시 죽은 자였다는 것을 암시했던 장면들이 나오면서 아~ 하는 탄성을 멈출 수 없게 만드는 영화이다.

 

2.html

반전영화 베스트

 

 

2. 유주얼 서스펙트 The Usual Suspects 1995

 

 케빈 스페이시 주연의 반전 영화의 수작.

샌 페드로 항구에서 일어난 폭발 사건. 이 사건을 해결하려면 카이저 소제를 찾아야 한다. 카이저 소제는 과연  누구일까?

 

3.html

반전영화 베스트

 

 

3. 데이비드 게일 The Life of David Gale, 2003

 

케진 스페이시, 케이트 윈슬렛 주연의 반전 영화.

사형 집행에 대한 정당성에 대해 생각하게 하는 영화.

 

4.html

반전영화 베스트

 

 

4. 메멘토 Memento, 2000

 

크리스토퍼 놀란이 만든 기대를 저버리지 않는 영화.

단기 기억 상실증에 걸린 - 불과 십여 분 전의 사건만을 기억하는 - 한 남자의 복수.

---

첫 번째 메인 페이지 (대문 페이지) 만들기 : index.html

반전 영화 베스트

 

1. 식스센스

2. 유주얼 서스펙트

3. 데이비드 게일

4. 메멘토

 

반전영화란

아무도 예상하지 못하는 결말의 영화

 

• index.html 파일 만들기 
• ! tab 으로 html 자동 완성
• head 안의 title 은 "반전영화"
• 순서가 있는 4개의 항목을 작성하려면
• <h1> 반전영화 베스트 <h1>
• ol> li*4 tab

---

링크할 페이지를 만들기 전 메인 페이지에 <a href=""> 태그로 먼저 링크 코드 작성하기

 

 

index.html을 1.html로 다른 이름 저장하여 내용 수정

 

1.html을 2.html로 다른 이름 저장하여 내용 수정

 

2.html을 3.html로 다른 이름 저장하여 내용 수정

 

3.html을 4.html로 다른 이름 저장하여 내용 수정

---

Emmet로 부모 자식 노드로 페이지 만들기

https://poposound.tistory.com/5