HTML 태그의 속성

jjburi·2020년 9월 3일
0

태그


HTML에서는 몇가지 태그가 미리 정의되어 있으며, 용도에 맞게 태그를 사용할 수 있다.

  • <html>
  • <head>
  • <title>
  • <body>

닫는 태그가 없는 태그

일반 적인 태그는 <태그> 처럼 시작하면 </태그> 처럼 닫아주어야 하나, 일부 태그는 닫지 않는 경우가 있다.

  • <br>
  • <img>
  • <meta>
  • <link>
  • <input>
  • <hr>

위 태그 등은 닫는 태그가 불필요한데, 그 이유는 태그 내부에 넣을 값이 없기 때문이다.

태그의 속성


태그는, 태그 내부에 값을 넣을 수 있을 뿐만 아니라, 태그마다 속성을 부여할 수 있다. 태그의 속성은 아래와 같이 <태그 속성="값"> 의 형태로 사용한다.

<link type="text/css" href="my_style.css">

id, class 속성

모든 태그에는 id 속성과 class 속성을 지정해 줄 수 있는데, 이를 이용하면 CSS나 JavaScript에서 태그를 좀더 쉽게 다룰 수 있다.
id는 원칙상 하나의 id당 하나의 태그에만 적용 할 수 있으며, class는 하나의 class를 여러 태그에 적용 할 수 있다.

<div id="id1"></div>
<div id="id2" class="main"></div>
<div id="id3" class="main"></div>
<div class="main"></div>

0개의 댓글