HTML

<!DOCTYPE html> # html 5 버전이라는 뜻
<html lang="ko"> # 문서에서 주로 사용한 언어 
<head>
		<meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> # IE 브라우저 최신버전을 사용하라
    <title>Document</title> # 문서 이름
</head>

<body>
</body>

</html>

웹 페이지의 뼈대를 구성

JavaScript - JS

<script>
    function login_click() {
        alert("로그인 버튼 클릭")
    }
</script>

홈페이지에 생동감을 주거나, 클릭 이벤트 등의 작업 수행

CSS

<style>
body{
	font-size: 38px;
  color: red;
}
header{
	background-color: blue;
}        
div {
  background-color: aquamarine;
}
</style>

디자인 작업 - 이쁘게 만들 때

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/33ae1aba-0ae0-4e26-bdf0-c1eb955812d8/Untitled.png

⇒하나하나가 요소(elements)

(1)버튼 위에서 오른쪽 클릭 후 속성

(2)설정 ⇒ 기타도구 ⇒ 개발자 속성

HTML

<html>
	<head>
			<meta charset="utf-8">
			<title>홈페이지 제목</title>
	</head>

	<body>
		<input type="text" class="id_class">

		<div class="parents">
			<input type="text" id="ID" class="id_class">
			<input type="password">
		</div>
		
		<input type="button" value="로그인">
		<a href="<https://www.naver.com>">네이버 이동하기</a>
	</body>
</html>