HTML - 웹사이트 만들기

이번 시간에는 이제까지 배웠던 내용들을 바탕으로 웹사이트를 만들어 보도록 하겠습니다. 현재 사용하고 있는 태그들은 140여개를 사용하고 있지만, 그것들을 다 배워서 무언가를 한다기 보다는 일단, 이제까지 배운 가장 기본적이고 기초적인 내용을 가지고 의미있는 작업을 해보는 것이 중요합니다. 

index.html을 이용하여 "a" 태그를 이용한 링크를 사용하여 사용할 수 있도록 링크설정을 합니다. 

<h1><a href="index.html">HTML</a></h1>

<ol>

<li><a href="1.html">기술소개</a></li>

<li><a href="2.html">기본문법<a/></li>

<li><a href="3.html">하이퍼텍스트와 속성</a></li>

<li><a href="4.html">리스트와 태그의 중첩</a></li>

</ol> 

하나하나의 페이지를 만들고, 링크를 클릭했을 때 그 페이지로 이동할 수 있도록 문서와 내용들을 작성해 줍니다. 

---

기술소개

HTML은 HyperText Markup Language의 약자로서 웹페이지를 만드는 언어입니다. 

기본문법

태그를 사용합니다.

하이퍼텍스트와 속성

a를 사용합니다.

리스트와 태그의 중첩

리스트는 li를 쓰고, ul이나 ol로 감싸서 사용합니다. 

---

자주가는 사이트를 소스보기를 통해서 내용들을 살펴봅시다. 

head, body라는 태그들을 확인해 봅시다. 

소스보기를 통해서 모르는 태그를 발견했을 때, 검색을 해보면 됩니다. 

button이라는 태그를 검색을 해보면, "html button tag"라는 식으로 구글이나 네이버에서 검색을 해보면 활용할 수 있는 방법을 찾아서 사용할 수 있습니다. 

1.html

index.html