웹'페이지' 를 웹'사이트'로

오늘은 링크를 이용해 웹페이지를 웹사이트로 만들어보았음.

 

비유하자면 한장 한장으로 된 종이를 엮어서 책으로 만드는 과정이라고 할 수 있겠다.

 

링크를 걸려면 <a>~</a>를 이용한다.

 

근데 걸려면 이것만 필요한 것은 아님. href를 써야 그 주소로 이동이 된다.

href는 hypertext reference 임.

 

암튼 어제파일보다 내용이 쪼금 바뀌었는데 나는 제일 첫장, 즉 Home은 이렇게 하기로했다.

 

<한국힙합> ㆍ일리네어 레코즈 ㆍJust Music ㆍAOMG   <한국힙합의 내용> 어쩌구저쩌구

(1)  '<한국힙합>' 을 누르면 Home으로 이동한다.

(2) '일리네어 레코즈' 를 누르면 일리네어 레코즈 설명페이지로 이동함.

(3) 'Just Music' 도 마찬가지

(4) 'AOMG'도 마찬가지

 

 

(1) index.html 파일은 Home임.

(2) 1.html ~ 3.html 은 일리네어~AOMG 에 대한 웹페이지이다.

 

<a href="1.html">을 해놓았기 때문에 링크가 걸려서 이동하는것임.

 

 

 

* 참고로 target을 이용해서 새로운 창으로 띄울수도 있다. 처음에 목차마다 일일이 target을 걸어봤는데

계속 새로운 창이 나오니까 지저분... 그래서 그냥 목차에서는 다 뺐다.

 

 

▼ 그리고 각각 힙합레이블의 홈페이지로 이동하는 링크를 걸때 썼음.

이건 일리네어레코즈를 설명하는 웹페이지으로 정한 1.html 파일임.

(1) href를 이용해 일리네어레코즈 를 누르면 일리네어레코즈 공식홈페이지로 이동함.

(2) target을 이용해서 바로 이동하는게 아니라 다른 페이지로 열리게했음.

(3) title은 마우스를 갖다대면 작게? 나오는 글씨임.

 

 

▼ 암튼 그래서 업그레이드(...) 된 웹사이트의 홈

저 대문짝만한 한국힙합을 누르면 그냥 이페이지가 나옴. (홈화면 이니까~)

 

 

 

 

▼ 일리네어 레코즈 를 눌러보겠당

 

그럼 요렇게 이동함! (1.html이 열린거지)

일리네어레코즈 에 마우스를 올려봤더니 1LLIONAIRE RECORDS 라고 뜨는데 위에서말했던 title="1LLIONAIRE RECORDS" 때문임.

암튼 클릭하면 링크걸어놨던 일리네어레코즈 홈페이지로 이동한다...

 

 

ㅎㅎ...솔직히 말해 정말 진짜 너무 허접...하지만 나중에는 더 예쁘게 만들 수 있겠죠..? ^^...

 

 

▲ 최초의 웹사이트... http://info.cern.ch/ 여기가 웹 계의 메소포타미아...라고 한다.

지금 내가 만든거랑 비슷하다ㅎ... 자신감을 갖자~!!!!