인라인형 태그

1. 인라인형 태그란 

 블록형 태그는 가로 축 영역을 전부 사용하였다면 인라인형은 자신이 가지고 있는 내용의 크기만큼만 영역을 차지한다.

2.자주 사용하는 태그

 1)<span>

    - 다용도로 사용되는 인라인 속성 태그다. 

 2)<a>

    - 특정 페이지나 사이트로 이동할 때 사용하는 태그다.

    - src 속성을 사용하여 이동할 페이지의 경로나 사이트의 주소를 작성하여준다. 

 

 3)<br>

   - 새로운 라인을 사용할때 사용하는 태그로 enter키를 사용하는 것과 같은 의미를 지닌다.

 

 4)<input>

   - 사용자의 특정한 입력을 위한 태그로 여러 형태가 있다.

 

 5)<label>

   - 주로 input태그와 같이 사용되어 어떤 내용이 입력되어야 하는지 표시할 때 사용된다.

   - for속성을 통해 input의 id 속성과 매칭되어 라벨태그로 표시된 텍스트를 클릭했을 때 input에 포커스를 맞출 수 있다.  

 

 6)<img>

   - 이미지를 표시할 때 사용하는 것으로 다른 태그들과 다르게 닫는 태그가 존재하지 않는다.

   - src속성을 통해 이미지가 위치한 경로를 포함하여 이름과 확장자를 작성해주어야 한다.

   - alt속성으로 src으로 지정한 경로에 이미지가 없다면  표시되는 내용이다.

 

3.참고사항

 인라인은 자신이 가지고 있는 내용만큼만 영역을 사용한다고 하였다. 따라서 그 이외의 영역을 굳이 필요로 하지 않는다. 그렇기 때문에 블록형 태그처럼 영역의 크기를 지정할 수 없다. 정확히 말하면 지정은 할 수있으나 임의로 크기를 지정한 것은 무시가 된다.

하지만 input과 img만큼은 예외로 크기지정이 가능하다.또한 경우에 따라 닫는 태그가 없는 태그가 존재한다.