지역 사회
배우다
도구 라이브러리
AI 도구
여가
찾다
한국어
집 > 웹 프론트엔드 > 프런트엔드 Q&A > HTML의 텍스트 태그는 무엇입니까

HTML의 텍스트 태그는 무엇입니까

青灯夜游
풀어 주다： 2021-11-18 15:03:35
원래의
28198명이 탐색했습니다.

html 텍스트 태그는 다음과 같습니다: h1, h2, h3, h4, h5, h6, p, hr, br, q, blockquote, b, Strong, i, em, s, u, small, big, sub, sup, code , pre, abbr, bdo, tt, kbd, dfn, var 등

HTML의 텍스트 태그는 무엇입니까

이 튜토리얼의 운영 환경: Windows 7 시스템, HTML5 버전, Dell G3 컴퓨터.

HTML 텍스트는 웹 페이지에 표시되는 주요 콘텐츠입니다. 사용해야 하는 주요 태그는 제목 태그, 단락 태그, 텍스트 태그, 가로줄 태그, 특수 기호 태그입니다. 이 태그는 body 태그 안에 있습니다.

1. h1~h6 제목 태그

단어 약어: 제목

웹 페이지를 보다 의미있게 만들기 위해 HTML에서는 6가지 수준의 제목, 즉 제목 태그를 사용하는 경우가 많습니다.

~

은 6개 수준의 제목을 나타내고,

은 가장 큰 제목을 나타내고,

은 가장 작은 제목을 나타냅니다.

제목 태그 의미: 제목으로 사용되며 중요도가 높은 순서로 사용됩니다.

참고: h1 태그는 중요하므로 최대한 적게 사용하세요

HTML의 텍스트 태그는 무엇입니까

2. p 문단 태그

단어 약어: 문단 문단

웹 페이지에서 텍스트는 문단 태그가 없으면 기사를 쓰듯이 전체 웹 페이지를 여러 문단으로 나눌 수 있습니다.

팁: p는 텍스트 수준 태그이며 텍스트, 그림, 양식 요소만 p에 배치할 수 있습니다.

단락 태그는 HTML 문서에서 가장 일반적인 태그입니다. 기본적으로 단락의 텍스트는 브라우저 창의 크기에 따라 자동으로 줄바꿈됩니다. 

<p>这是一个段落。。。</p>
로그인 후 복사

3.hr 가로줄 라벨(단일 라벨)

단어 약어: 가로 가로줄.

웹 페이지에서는 단락을 서로 구분하는 수평선이 종종 나타나 문서 구조가 명확하고 계층화됩니다. 이러한 수평선은 이미지를 삽입하거나 단순히 태그를 통해 얻을 수 있습니다.

HTML의 텍스트 태그는 무엇입니까

4. br line break 태그 (단일 태그)

단어 약어: break break, line break

HTML에서 단락의 텍스트는 브라우저가 창 오른쪽 끝에서 자동으로 래핑됩니다. 특정 텍스트 부분을 새 줄로 바꾸려면 줄 바꿈 태그를 사용해야 합니다.

HTML의 텍스트 태그는 무엇입니까

HTML의 텍스트 태그는 무엇입니까

5. 인용 태그

짧은 따옴표 및 브라우저는 인용된 내용을 둘러싸는 경우가 많습니다.

블록 따옴표를 정의하면 포함된 텍스트가 일반 텍스트와 분리되고 왼쪽과 오른쪽이 들여쓰기되며 때로는 표시됩니다. 이탤릭체. 

<q>细节决定成败</q>
<blockquote>
     <p>生命在于折腾啊！</p>
 </blockquote>
로그인 후 복사

팁: 텍스트는 blockquote 요소에 직접 배치할 수 없지만 p 요소와 같은 block 요소에 포함되어야 합니다.

6. 텍스트 서식 지정 태그

웹 페이지에서는 텍스트에 굵게, 기울임꼴 또는 밑줄 효과를 설정해야 하는 경우가 있습니다. 이 경우 텍스트가 표시되도록 HTML에서 텍스트 서식 지정 태그를 사용해야 합니다. 표시하는 특별한 방법.

标签显示效果
和文字以粗体方式显示（XHTML推荐使用 strong）
和文字以斜体方式显示（XHTML推荐使用em）
和文字以加删除线方式显示（XHTML推荐使用del）
和文字以加下划线方式显示（XHTML不赞成使用u）
定义小号字体，标签包含的文本比周围小一号，下限1号文本
定义大号字体，标签包含的文字比周围大一号，上限7号文本
定义下标文本，以当前文本流中字符高度一半显示，但是与文本流中字符字体字号一致

定义上标文本，以当前文本流中字符高度一半显示，但是与文本流中字符字体字号一致

Tips: b i s u 只有使用 没有 强调的意思 strong em del ins 语义更强烈

Tips: 、标签，在数学公式、科学符号和化学公式中非常有用。

HTML의 텍스트 태그는 무엇입니까

HTML의 텍스트 태그는 무엇입니까

七、输出文本

HTML元素提供了如下输出信息的标签：

标签说明
表示代码字体，显示源代码
</td><td>表示预定义格式的源代码，保留源代码显示中的空格大小</td></tr><tr><td style="word-break: break-all;"><tt></td><td>表示打印机字体</td></tr><tr><td style="word-break: break-all;"><kbd></td><td>表示键盘字体</td></tr><tr><td style="word-break: break-all;"><dfn></td><td>表示定义的术语</td></tr><tr><td style="word-break: break-all;"><var></td><td>表示变量字体</td></tr><tr><td style="word-break: break-all;"><samp></td><td>表示代码范例</td></tr></tbody></table><p><span style="font-size: 18px;"><strong>八、缩写文本</strong></span></p><p><abbr> 标签可以定义简称或缩写，通过对缩写进行标记，能够为浏览器、搜索引擎提供有用的信息。</p><p><acronym>标签是定义首字母缩写。</p><pre class="brush:html;toolbar:false"><abbr titile="Hyper Markup Language">HTML</abbr>
<acronym titile="Hyper Markup Language">HTML</acronym>
로그인 후 복사

Tips:可以使用 title 属性，设置在鼠标移动到上显示完整文本。

九、文本方向

使用 标签可以改变文本流的方向，包含一个属性：dir，取值包活 ltr(从左到右) 和 rtl(从右到左)。

<bdo dir="rtl">床前明月光</bdo>
로그인 후 복사

推荐教程：《html视频教程》

위 내용은 HTML의 텍스트 태그는 무엇입니까의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨：
html 텍스트 라벨
원천：php.cn
이전 기사：HTML은 Java에 속합니까? 다음 기사：html5의 로컬 저장소는 무엇입니까?
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
최신 이슈
PX가 REM 오류로 자동 변환  <style>html {   글꼴 크기: calc(100vw / 3.75);      }body {    글꼴 크기: 0.16rem;      }&l...
에서 2024-04-16 09:34:16
0
0
4687
페이지가 갑자기 CSS나 부트스트랩을 가져올 수 없습니다. 그래서 저는 페이지를 개발 중입니다. 어제 일부 작업을 했는데 잘 작동했고, 오늘은 나머지 작업을 계속했는데 모든 것이 괜찮습니다. 일반 HTML 페이지로 열려고...
에서 2024-04-06 21:58:04
0
1
800
CSS에서 페이지 하단의 신비한 공백을 해결하는 방법 Bootstrap과 D3를 사용하여 간단한 웹페이지를 구축하려고 하는데 하단의 공백을 모두 없애는 방법을 모르겠습니다. 나는 그것을 제거하고 싶다. 본문과 HTM...
에서 2024-04-06 20:22:15
0
1
454
Livewire 게으른 자리 표시자와 함께 laravel 구성 요소를 사용하는 방법 livewire3 자리 표시자 안에 내 laravel 구성 요소의 뼈대를 추가하고 싶습니다. 지금까지 시도한 작업: Laravel 구성 요소를 포함하는 Livew...
에서 2024-04-06 20:02:10
0
2
543
문자열을 HTML 코드(배열에서 생성됨)로 바꾸는 최상위 방법 다음과 같은 문자열이 주어지면...$htmlPattern="Usernameis:#name#andusercompanyis#company#";하위 ...
에서 2024-04-06 17:40:41
0
2
410
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿