English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

HTML 기본 가이드

HTML 미디어

HTML 참조 매뉴얼

HTML5 기본 가이드

HTML5 API

HTML5 미디어

HTML 텍스트 포맷

이 장에서 우리는 HTML의 텍스트 포맷화를 배우겠습니다. 즉, 일반 글자에 포맷을 추가하는 것입니다

HTML 텍스트 포맷

<strong>글자 강조(oldtoolbag.com)</strong>
<br/><i>이탈릭 글자,w3codebox 기본 강의</i>
<br/><code>Code 자동 출력</code>
<br/>이는 원소 X<sub>하표</sub>과 X<sup>상표</sup>
<br/>화학 분자식: <b>C<sub>7</sub>H<sub>7</sub>F<sub>2</sub>N</b>
테스트를 보고 보자 ‹/›

HTML 포맷 태그

HTML은 태그 <b>(Bold)과 <i>(Italic)를 사용하여 출력 텍스트를 포맷, 예를 들어:굵은 또는 기울임

이 HTML 태그는 포맷 태그라고 불리며(끝에 전체 태그 참조 매뉴얼을 확인하세요).

일반적으로 <strong> 태그는 굵은 글꼴 태그 <b> 대체 사용됩니다. 따라서建议大家이를 사용하도록 권장합니다 <strong> , <em>는<i> 태그 대체 사용됩니다.
그러나, 이 두 태그의 의미는 다릅니다:

<b>과<i>는 굵은 또는 기울임 텍스트를 정의합니다.
B 태그와 strong 태그는 두 가지 다른 태그입니다. B 태그는 굵은 글꼴을 의미하며, B 글자로 표시됩니다. B 태그는 글꼴의 굵은 효과를 강조할 수 있습니다. 예를 들어: <b>I am bold</b>
그러나, <strong> 태그는 강조할 곳을 나타내는 우리가 강조할 곳입니다. 이 두 태그는 다른 의미를 가집니다. 예를 들어: <strong> 강조 글꼴</strong>.

<strong> 또는 <em>는 중요한 텍스트를 강조하려는 의미이며, 따라서 강조 표시합니다. 현재 모든 주요 브라우저는 다양한 효과의 글꼴을 렌더링할 수 있습니다. 그러나 미래의 브라우저는 더 나은 렌더링 효과를 지원할 수 있습니다.

온라인 예제

일반 텍스트 포맷
이 예제에서는 HTML 파일에서 일반 텍스트를 어떻게 포맷하는지 보여줍니다.

preformatted 텍스트
이 예제에서는 pre 태그를 사용하여 빈 행과 공간을 어떻게 제어하는지 보여줍니다.

"컴퓨터 출력" 태그
이 예제에서는 다양한 "컴퓨터 출력" 태그의 표시 효과를 보여줍니다.

주소
HTML 파일에서 주소를 작성하는 방법을 보여줍니다.

약어 및 첫 글자 약어
이 예제에서는 HTML이 약어나 첫 글자 약어를 어떻게 구현하는지 보여줍니다.

문자 방향
이 예제에서는 HTML이 문자 방향을 어떻게 변경하는지 보여줍니다.

블록 인용
이 예제에서는 HTML이 길이가 다른 인용을 어떻게 구현하는지 보여줍니다.

삭제된 단어 효과와 삽입된 단어 효과
이 예제에서는 HTML이 삭제된 텍스트와 삽입된 텍스트를 어떻게 표시하는지 보여줍니다.

HTML 텍스트 포맷 태그

레이블설명
<b>굵은 텍스트 정의
<em>강조 텍스트 정의
<i>기울임 텍스트 정의
<small>소문자 텍스트 정의
<strong>강조 텍스트 정의
<sub>하표 텍스트 정의
<sup>상표 텍스트 정의
<ins>삽입된 단어 정의
<del>삭제된 단어 정의

HTML "컴퓨터 출력" 태그

레이블설명
<code>컴퓨터 코드 정의
<kbd>키보드 코드 정의
<samp>컴퓨터 코드 샘플 정의
<var>변수 정의
<pre>предformatted 텍스트 정의

HTML 인용, 인용 및 태그 정의

레이블설명
<abbr>약어 정의
<address>주소 정의
<bdo>문자 방향 정의
<blockquote>정의된 긴 인용
<q>정의된 짧은 인용구
<cite>정의된 참조, 인용
<dfn>정의된 정의 프로젝트.