<!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>
웹 페이지의 뼈대를 구성
<script>
function login_click() {
alert("로그인 버튼 클릭")
}
</script>
홈페이지에 생동감을 주거나, 클릭 이벤트 등의 작업 수행
<style>
body{
font-size: 38px;
color: red;
}
header{
background-color: blue;
}
div {
background-color: aquamarine;
}
</style>
디자인 작업 - 이쁘게 만들 때
⇒하나하나가 요소(elements)
(1)버튼 위에서 오른쪽 클릭 후 속성
(2)설정 ⇒ 기타도구 ⇒ 개발자 속성
<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>