본문 바로가기
웹코딩 배우기/· HTML

HTML id=""

by 닐기 2019. 10. 15.

id는 이전 과정에서 배웠던 class와 사용 방법은 동일하다. 다른 점은 id는 한 번만 쓸 수 있다는 거다. htnl문서에서 중복되지 않게 잘 확인하고 써야 한다. 특히 티스토리 스킨 편집 때는 더 조심해야 한다. 이미 쓰고 있을지도 모른다.

class는 css에서 .(점)을 쓰고 id는 #을 쓴다.

 

2019/10/15 - [웹코딩 어려워/· HTML] - HTML class=""

 

HTML class=""

class는 요소에 이름을 부여해 스타일을 적용하는 태그다. 이름이 같은 class를 부여한 요소는 똑같은 스타일을 받는다. 이 말은 class는 반복 사용할 수 있다는 말. ok! 근데 나 이거 알고 있었다능. 정리만 하..

nilgi.tistory.com

- id는 모든 요소에 사용 가능하다.

- 대소문자를 구분한다.

- id name은 공백을 포함 해서는 안된다.

<!DOCTYPE html>
<html>
<head>
	<title></title>

<style>
	#idname {
		background-color: lightblue;
		color: gray;
		padding: 40px;
	}

	.cname {
		background-color: tomato;
		color: white;
		padding: 10px;
	}

</style>
</head>
<body>
<h2>id와 class</h2>
<h1 id="idname">id는 중복사용 금지</h1>
<h2 class="cname">class</h2>
<p class="cname">는</p>
<h2 class="cname">중복가능</h2>
</body>
</html>