Front-End
- HTML
- CSS
- JavaScript
HTML 에서 element 를 식별하는 수단 3가지 (attribute)
- id
- 고유(unique) 한 element 식별용으로 사용
- CSS, JavaScript 에서 사용
- class
- 그룹으로 여러 element에 적용 + 한 element에 복수 class 적용 가능
- CSS, JavaScript 에서 사용
- name
- 주로 form 관련 element에 적용
- JavaScript, 서버프로그래밍(PHP, JSP 등 ...) => 서버에 데이터를 전송할 때는 반드시 name 사용
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>id class name</title>
<style>
p {
font-size : 200%;
}
p#demo{ /* id = 'demo' 인 p element를 select */
background-color: cyan;
}
p.c1{ /* class갑에 c1을 가진 p element를 select */
color: red;
}
p.c2{
background-color: yellow;
}
</style>
</head>
<body>
<p id="demo">id = demo</p>
<p class="c1">class="c1"</p>
<p Class="c2">class="c2"</p> <!--HTML은 attribute 이름 대소문자 구분 암함-->
<p class="c1 c2">class="c1 c2"</p>
<p id="demo">id = demo 또?</p>
아이디: <input type="text" size="20" name="userid">
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
</body>
</html>
