2021. 1. 16. 17:26ㆍHtml
이번에는 가장 가장 기본적인 방법으로 홈페이지를 만드는 방법을 알아보겠습니다.
바로 html을 이용하여 홈페이지를 만드는 방법입니다.
vscode에서 html을 이용하여 간단한 아이디와 비밀번호를 작성하는 홈페이지를 만들어 보려 합니다.
먼저 기본적인 코드를 보여주고 하나하나씩 설명해 보려 합니다.
먼저 코드는 위와 같습니다,
하나씩 설명해 보자면,
<meta charset="utf-8">
코드는 한글이 깨지지 않게 하기 위하여 작성한 코드입니다. 브라우저로 열 경우 저는 구글로 열면 깨지지 않았지만, 익스플로어로 열 경우 한글이 깨지는 현상이 보였습니다. 따라서 위 코드를 작성하여 한글이 깨지는 것을 방지하였습니다.
<title>KSM 홈페이지</title>
이것은 만드는 홈페이지의 이름입니다.
<input type = "text" value="아이디를 입력하시오">
이것은 "아이디를 입력하시오"라고 나와있는 공간에 "문자"를 입력하라는 것을 생성하는 것입니다.
<input type = "password">'
이것은 비밀번호를 입력하라는 것이고, "비밀번호"이 타입은 ***의 형태로 보여줍니다.
<input type = "button" value="로그인">
이것은 "버튼"의 타입은 클릭하는 것이며, "로그인"의 값을 가지고 있씁니다.
<a href="https://smstudyroom.tistory.com/">공부방으로 이동하기</a>
그리고 이 코드는, 공부방으로 이동하기 라는 링크가 있고 위의 링크 즉 제 홈페이지 링크로 이동하는 내용의 코드를 작성해 보겠습니다.
이후 꼭 저장을 한후 파일 이름은 1_html.html로 하겠습니다.(.html을 사용하여 형식을 맞추어 주어야 합니다.)
그리고 파일 우클릭을 통해 open browser버튼을 눌러주면,
위와 같이 홈페이지가 생성된 것을 알 수 있습니다.
그리고 공부방으로 이동하기 링크를 눌러보면,
코드에 작성한 대로 저의 홈페이지로 넘어오는것을 알 수 있습니다.
이렇게 웹페이지를 만드는 가장가장 기본적인 방법에 대해 알아보았습니다.