HelloWorld

[HTML] 웹사이트 만들기

프로그래밍 언어/HTML

아주 간단한 웹사이트를 만들어 보도록 하겠습니다.

지금까지 <a>태그를 사용하여 네이버나 다음, 구글로 이동을 시켰다면, html파일을 여러개 만들어서 페이지 이동을 시켜보도록 하겠습니다.

간단하게 main.html을 만들었습니다. a태그로 1.html, 2.html, 3.html 파일로 링크를 걸어줍니다.

해당 파일이 없으면 이동을 할 수 없기 때문에 1.html, 2.html, 3.html도 간단하게 만들어 보시기 바랍니다. 같은 폴더에 파일들을 만들어놓으면 다음과 같이 링크주소를 입력하면 되지만, 폴더가 다른경우는 해당 경로를 적어주셔야 합니다.

 

 

main.html 실행화면 입니다.

 

 

1.html 소스코드 입니다.

 

 

이제 '1.html' 페이지로 이동! 을 클릭하면 1.html의 실행화면으로 이동될 것 입니다. 저는 2.html, 3.html은 생략하겠습니다. 한번 다 만들어서 해보시길 바랍니다. 이처럼 해당 목록으로 이동하는 간단한 웹사이트를 만들어 보았습니다.

 

'프로그래밍 언어 > HTML' 카테고리의 다른 글

[HTML] 주요태그 <img>  (0) 2019.08.29
[HTML] 주요태그 <p>, <br>  (0) 2019.08.29
[HTML] <!DOCTYPE>  (0) 2019.08.29
[HTML] HTML문서의 구조  (0) 2019.08.29
[HTML] 리스트와 태그의 중첩  (0) 2019.08.29