HTML은 굵게, 기울임꼴, 텍스트 방향 등 다양한 형식의 출력 요소를 정의할 수 있습니다. 이러한 형식 태그는 태그 기능에 따라 두 가지 측면으로 나눌 수 있습니다. , 다음으로 나눌 수 있습니다:
텍스트 서식 지정 태그'컴퓨터 출력' 태그
인용문 및 용어 정의 태그
은 다음과 같이 나눌 수 있습니다.
콘텐츠 기반 스타일 태그
물리적 스타일 기반 태그
먼저 태그 기능 구현 관점에서 텍스트 서식을 살펴보세요.
1. 콘텐츠 기반 스타일 태그
콘텐츠 기반 스타일은 포함된 텍스트에 특별한 의미가 있음을 브라우저에 알려줍니다. 브라우저는 텍스트에 의미, 컨텍스트 또는 사용법과 일치하는 형식을 적용합니다. 콘텐츠 기반 스타일 태그에는 다음이 포함됩니다.
1) < ;abbr> >
2) <acronym>은 첫 글자만 취하는 약어를 정의합니다.
3) <code>는 컴퓨터 소스 코드나 기타 기계가 읽을 수 있는 코드를 나타내는 데 사용됩니다.
4) <dfn> 특수 용어나 문구의 정의를 표시합니다.
5) <em> 포함된 텍스트가 강조용임을 브라우저에 알립니다.
6) <kbd>는 키보드에서 입력할 텍스트를 나타내며, 브라우저는 고정폭 글꼴을 사용하여 텍스트를 표시합니다.
7) <strong> ;em> 태그는 텍스트 수정을 나타냅니다. 그러나 <strong> 의 톤이 더 강합니다.
8) <var> 🎜>
컨텐츠 기반 스타일은 태그로 둘러싸인 텍스트를 표시하는 데 사용되는 글꼴과 형식이 특별한 의미를 가지므로 이러한 특별한 의미 없이 단지 다른 텍스트 표시 효과를 생성하려는 경우에는 사용하지 않는 것이 가장 좋습니다. 예를 들어, <strong>은 강조를 나타내며 포함된 텍스트는 굵게 표시됩니다. 그러나 단지 굵게 표시하려는 경우에는 <strong>
2. 물리적 스타일 기반 태그
콘텐츠 기반 스타일은 브라우저에 이러한 태그는 브라우저를 더욱 사실적으로 만들 수 있는 특별한 의미를 나타냅니다. 특수한 경우에는 물리적 기반 스타일인 굵게(굵게) 기울임꼴을 사용해야 하는 특수한 방식으로 텍스트를 표시해야 할 수도 있습니다. <기울임꼴) 고정폭(고정폭), 밑줄(밑줄), 취소선(취소선) 확대(크게), 축소(작게), 위 첨자(위 첨자), 아래 첨자(아래 첨자)
굵게
큰 글꼴 <big>
기울임꼴<i>
<s>삭제, 더 이상 일반적으로 사용되지 않으므로 대신 <del>을 사용할 수 있습니다.
<작은>작은 글꼴
<strike>밑줄
<sub>위 첨자
<sup>아래 첨자
<tt>Monospace 폰트입니다.
기능 구분은 여기까지입니다. 위 태그와 중복되는 태그가 많아 아래에 소개만 하겠습니다. 위의 태그가 없습니다.
텍스트 서식 지정 태그
태그 <b> 글꼴
<big> 큰 글꼴 정의
<small> 작은 글꼴 정의
<em> 강조된 텍스트 정의
< ;i> 기울임꼴 글꼴 정의
<sub> 위 첨자 정의
< ;ins> 삽입 단어를 정의합니다.
<s>
<strike> 대신 ,del을 사용합니다.
태그
설명
<code>
<kbd> 키보드 코드를 정의합니다.
<samp> 컴퓨터 코드 샘플을 정의합니다. <tt> 타자기 코드를 정의합니다.
<var> 변수를 정의합니다.
<pre> 미리 서식이 지정된 텍스트를 정의합니다.
<목록>은 더 이상 사용되지 않습니다. 대신 <pre>를 사용하세요.
<일반 텍스트>는 더 이상 사용되지 않습니다. 대신 <pre>를 사용하세요.
<xmp>는 더 이상 사용되지 않습니다. 대신 <pre>를 사용하세요.
인용문, 인용 및 용어 정의
태그
<abbr>
<acronym> 약어를 정의합니다.
<address> 주소를 정의합니다.
<bdo> 텍스트 방향을 정의합니다.
<blockquote> 긴 인용문을 정의하세요.
<q> 짧은 따옴표를 정의하세요.
<cite> 인용과 인용을 정의합니다.
<dfn> 정의 항목을 정의합니다.
인스턴스:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<b>This text is bold</b>
<br />
<strong>This text is strong</strong>
<br />
<big>This text is big</big>
<br />
<em>This text is emphasized</em>
<br />
<i>This text is italic</i>
<br />
<small>This text is small</small>
<br />
This text contains
<sub>subscript</sub>
<br />
This text contains
<sup>superscript</sup>
</body>
</html>
인스턴스 2:
아아아아
다음 섹션