Index Page 기획
나의 index page(ver.1)의 기획안은 다음과 같다.
각각 내가 배운 혹은 배울 예정인 언어들을 이미지와 함께 배치하고,
이미지를 누르면 해당 상세 페이지로 들어가 나의 포트폴리오 등을 보여주는 동작을 할 것이다.
가능할지는 아직은 잘 모르지만 일단 해보고 차후 버젼 수정을 하려고 한다.
Issue#1 : html 파일명
다음과 같이 first_page.html이라는 파일을 만들었다.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Yul's Github</title>
</head>
<body>
<h1>Yul's Github</h1>
<ul>
<li><img src="경로\사진.png" </li>
<li><img src="경로\사진.png"</li>
<li><img src="경로\사진.png"</li>
</ul>
<ul>
<li>Html & CSS</li>
<li>JavaScript</li>
<li>Python</li>
</ul>
</body>
</html>그리고 Github에 commit했으나 페이지가 아래와 같이 나왔다.
분명 리스트도 넣고, 이미지도 넣었는데 왜 이렇게 나오지?
아예 html이 적용되지 않았다.
구글링을 해보니 첫 html파일은 index.html로 이름을 정해야한다고 한다.
만약 정말로 index.html을 사용하고싶지 않다면, 강제적으로 경로를 첫 페이지가 나올 때, 해당 html이 사용되도록 경로를 지정하면 된다고 한다.
두 번째 방법은 잘 모르겠어서 얌전히 이름을 index.html로 바꾸었다.
다행히 html 코드 대로 다음과 같이 나왔다.
이것저것 공부하는 중