태그 안의 태그
태그 안에 내용 뿐민 아니라 다른 태그 또한 들어갈 수 있다.
단, 이때 태그는 연 순서대로 닫아야 한다.
<aa>내용1</aa>
<aa>
<bb>내용</bb>
<cc>내용2</cc>
</aa>닫는 태그가 없는 태그
일반적인 태그는 <태그>로 시작하면 </태그> 로 닫아주어야 한다. 하지만
등의 일부 태그는
처럼 닫지 않는 경우가 있는데, 이를 닫는 태그가 없는 태그라고 한다.
<br>
<img>
<meta>
<link>
<input>
<hr>등의 태그는 닫는 태그가 없는데, 그 이유는 태그 내부에 넣을 값이 없기 때문이다.
태그의 속성
태그는, 태그 내부에 값을 넣을 수 있을 뿐만 아니라, 태그마다 속성을 부여 할수 있다.
태그의 속성은 <태그 속성="값">의 형태로 사용하며, 태그마다 여러 속성을 부여 할 수 있다.
<html>
<head>
<link type="text/css" href="my_style.css">
</head>
<body>
<font color="red" face="Dotum">Hello</font>
<font color="yellow">World</font>
</body>
</html>위의 예제를 보면 link 태그에 type,href 라는 속성을 사용하였고 각각의 속성은 link의 종류가 무엇인지, 파일 위치가 어디인지 정의한다.
id,class 속성
모든 태그에는 id 속성과 class 속성을 지정해 줄 수 있는데, 이를 이용하면 CSS나 Javasscript에서 태그를 좀더 쉽게 다룰 수 있다.
id는 원칙상 하나의 id당 하나의 태그에만 적용 할수 있고 class는 하나의 class를 여러 태그에 적용할 수 있다.
<div id="my-box1"></div>
<div id="my-box2" class="boxes"></div>
<div id="my-box3" class="boxes"></div>
<div class="boxes"></div>
React, React-Native Developer