HTML의 인라인 태그
웹페이지를 만들 때 HTML 요소는 웹페이지 개발에서 중요한 역할을 합니다. 이러한 HTML 요소는 구체적으로 인라인 요소와 블록 수준 요소와 같은 2개의 하위 범주로 나뉩니다. 인라인 요소는 새 줄로 시작하지 않는 요소입니다. 또한 웹페이지에서 전체 너비 공간을 차지하지 않습니다. 이러한 종류의 요소는 포함된 요소에 맞게 필요한 만큼만 공간을 차지합니다. HTML에는 다양한 인라인 태그가 있습니다. 나중에 하나씩 살펴보겠습니다. <스팬> 요소는 HTML에 포함된 텍스트의 컨테이너로 작동합니다. 대부분의 경우 인라인 요소는 다른 HTML 요소 내에 사용됩니다.
인라인 요소를 생성하는 구문은 다음과 같습니다.
구문:
<span>Contents</span>
- 위에서 볼 수 있듯이 스팬 요소는 포함된 요소에 대한 컨테이너로 처리됩니다. SPAN 태그에 속성을 부여할 필요는 없습니다. 클래스 이름, ID 이름 또는 스타일을 속성으로 사용합니다.
- 인라인 요소는 본문 부분에 포함됩니다. 이러한 요소는 다른 요소에 비해 더 짧은 구조를 만듭니다.
HTML의 상위 20개 인라인 태그
HTML에서는 여러 인라인 태그를 사용할 예정입니다. 하나씩 살펴보겠습니다:
1. : 이 태그는 HTML, WWW, ASAP, PFA 등과 같은 텍스트의 약어를 배치하는 데 사용됩니다.
구문:
<abbr title="Text">Abbrevation_text</abbr>
2. : 이 태그는 약어를 설명하는 데 사용됩니다. NASA, GUI 등과 같습니다. 현재 HTML 5에서는 이 태그를 사용하지 않습니다. 브라우저, 검색 엔진 등에 대한 정보를 제공합니다.
구문:
<acronym title="Text">text</acronym>
3. : 텍스트를 굵은 글씨로 정의합니다.
구문:
<b>Text</b>
4. : HTML의 이 인라인 태그는 양방향 재정의를 정의합니다. 이는 사용자가 기존 텍스트 방향을 재정의하는 데 도움이 됩니다. 왼쪽에서 오른쪽, 오른쪽에서 왼쪽의 두 가지 값이 있습니다.
구문:
<bdo dir="ltr">Text </bdo>
5. : 더 큰 텍스트를 정의하는 데 사용되는 인라인 태그 중 하나입니다.
구문:
<big >Text</big>
6. <br>: 이 태그는 HTML 코드에서 줄 바꿈이나 공백을 제공하는 데 사용됩니다.
구문:
<br>
7. 클릭 가능한 버튼을 만드는 데 사용되는 HTML의 버튼 태그입니다.
구문:
<button type="button"> Text</button>
8. : 중요한 인라인 요소 중 하나는 HTML을 사용하여 저작물이나 문서의 제목을 정의하는 입니다.
구문:
<p><cite >Text </cite>other text</p>
9. : 이 인라인 요소는 컴퓨터 코드를 정의하는 데 사용됩니다. 문구태그로 처리됩니다.
구문:
<code>Text</code>
10. : 이 인라인 요소는 HTML 코드에서 용어의 인스턴스를 정의하는 데 사용됩니다.
구문:
<p><dfn> text</dfn ></p>
11. : 이는 강조된 텍스트로 렌더링되는 구문 태그로도 처리됩니다.
구문:
<em>Text</em>
12. : 이 태그는 대체 분위기에서 텍스트의 일부를 설명하는 데 사용됩니다. 주로 포함된 텍스트를 이탤릭체로 표시하는 데 사용됩니다. 이를 기술용어라고 합니다.
구문:
<p> <i>text</i>another text</p>
13. : 가장 중요한 인라인 요소 중 하나가 웹페이지에 이미지로 포함되어 있습니다. 따라서 이 태그는 다음과 같이 웹페이지에 이미지를 포함하는 데 도움이 됩니다.
구문:
<img src="Image_URL" alt="text" height="value" width="value">
14. : 이 유형의 인라인 요소는