티스토리 뷰

HTML

태그 속성

dev23 2021. 7. 16. 14:20
반응형

- 태그 안에 여러 가지 속성이 삽입 돼 있는 것을 볼 수 있다.

 

<body>

  <a href="https://google.com" title="google" target="_blank">Google</a>

</body>

 

=> a 태그 안의 "href", "title", "target" 등이 속성이다.

 

- 태그 안에는 여러 속성을 설정할 수 있다.

 

1.  <tag style=" " ></tag>

- style 속성은 요소에 적용할 스타일(CSS)을 지정한다.

 

<body style="color:red;">

  Test

</body>

 

캡처1. style 속성 설정

 => body 태그에 style 속성을 설정하여 body 태그 안의 문자 색상을 "red"로 설정했다.

 

2. <tag class="c1" > </tag>

- class 속성은 요소를 지칭하는 중복 가능한 이름을 설정한다.

 

  <div class="c1">

  </div>

=> class 이름을 "c1"으로 설정함.

 

3. <tag id="i1"></tag>

- id 속성은 요소를 지칭하는 고유한 이름을 설정한다.

 

  <div id="i1"></div>

 => id를 "i1"로 설정함.

 

 

반응형

'HTML' 카테고리의 다른 글

데이터 속성  (0) 2021.07.16
주석(Comment)  (0) 2021.07.16
emmet  (0) 2021.07.15
codepen  (0) 2021.07.15
index.html  (0) 2021.07.15
반응형
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
«   2024/11   »
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
글 보관함