[TIL] HTML Attributes

김예진·2020년 9월 14일
1

TIL

목록 보기
2/40
post-thumbnail

1. HTML의 Attributes

태그에는 속성을 지정할 수 있다. 한 태그에 여러 속성을 지정할 수 있다.

<a href="https://velog.io/">벨로그로 이동</a>

a는 태그고, href는 속성이다.


2. id

태그에 이름을 부여하는 속성이다. 다른 id의 이름과 중복되어서는 안된다.
예를 들면

<div id = "base">

base라는 이름을 가진 id는 한번만 쓸 수 있다! 유일하게 사용하고 싶을 때 id를 사용한다.


3. class

id와 마찬가지로 태그에 이름을 부여하는 속성이다. 그러나 중복이 가능하다!

<div class = "right"></div>
<p class = "right"></p>
<img class = "right"></img>

이런식으로 같이 사용할 수 있다.


4. 여러 속성 추가하기

  • 하나의 태그에 속성을 여러개 넣을 수 있다.
  • 한칸 띄어쓰기 후 속성을 추가하면된다.
  • 속성의 순서는 상관없다.

ex) class와 id를 한번에 추가

<div id = "base" class="right"></div>

img태그에 쓰는 속성들과 id,class 속성은 별개라고 생각했는지 img태그의 속성들은 한번에 여러개 사용했었는데 id와 class는 사용하지 못했었다. 이제라도 알아두었으니 다행이다.

profile
Backend Developer 🌱 벨로그 내용을 티스토리로 이사중~!

0개의 댓글