> 웹 프론트엔드 > HTML 튜토리얼 > HTML의 인라인 태그

HTML의 인라인 태그

王林
풀어 주다: 2024-09-04 16:25:09
원래의
661명이 탐색했습니다.

웹페이지를 만들 때 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.