- class: style 사용하기 위한 속성
- id:javascript
- name:backend
- 자바스크립에서id사용지양 class만 사용
<html lang="ko">
<head>
<meta charset="utf-8">
<title>HTML 2일차 HTML4.0 + css 2.0</title>
<!--class(style 사용하기 위한 속성),id(Javascript), name(Backend에게 전송하는 속성))-->
<style>
.box{
width:100px;
height:100px;
background-color:orange;
}
#box{
width:100px;
height:100px;
background-color:pink;
}
.color1{
width:500px;
background-color:black;
}
</style type="">
<!-- class, id, name -->
<!-- 자바스크립트에서는 id사용 지양 -->
<!-- class만 사용 해야함 -->
</head>
<body>
<input type="text" name="mid" id="mid" class="mid">
<div style="width:100px; height:100px; background-color:blue;"></div>
<div class="box"></div>
<div id="box"></div>
<div class="box color1"></div>
</body>
</html>728x90
'JAVA > HTML' 카테고리의 다른 글
| [HTML] 문법 정리13 hover:마우스 올렸을 때 백그라운드 컬러 바뀜 (0) | 2022.07.10 |
|---|---|
| [HTML] 문법 정리12 margin-left, margin-bottom, float:정렬 (0) | 2022.07.10 |
| [HTML]문법 정리9 ui,li 목차 리스트 태그, oi 숫자 리스트, span 공간오브젝트 strike 취소선 (0) | 2022.07.10 |
| [HTML] 문법 정리8 font-family,font-size, 이용약관 (0) | 2022.07.10 |
| [HTML] 문법 정리7 px: style, tabindex (0) | 2022.07.10 |
댓글