简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
집 > 웹 프론트엔드 > HTML 튜토리얼 > 본문

HTML 텍스트 형식의 간단한 예

高洛峰
풀어 주다： 2017-02-11 14:18:42
원래의
1429명이 탐색했습니다.

다음 편집기는 HTML 텍스트 형식에 대한 간단한 예(자세한 설명)를 제공합니다. 편집자님이 꽤 좋다고 생각하셔서 지금 공유하고 모두에게 참고용으로 드리고자 합니다. 편집기를 따라 살펴보겠습니다.

1. 텍스트 서식: 이 예에서는 HTML 파일의 텍스트 서식을 지정하는 방법을 보여줍니다.


XML/HTML 코드클립보드에 콘텐츠 복사

  1. <html>

  3. <본체>

  5. <b>이 텍스트는 굵은 글씨입니다b>

  7. <br />

  9. <강하게>이 텍스트는 강력합니다 강함> 🎜><

    10. br

  10. />

  11. <크다>글이 크다

  12. 크다

    >

  13. <br / >

  15. <em>이 텍스트는 강조됩니다

  16. em

    >

  17. < br />

  18. >

    이
  19. >

    이 텍스트는 기울임꼴입니다i>

  21. <br />  

  22. <

    작음
  23. >

    이 텍스트는 작습니다작음> 

  24.  

  25. <br / >

    26. 이 텍스트에는

  27. <<이 포함되어 있습니다. 🎜>

    하위>하위 첨자하위

    28. >

  30. <br />

    이 텍스트에는

    32. <

  32. 저녁>윗첨자sup

    >

  35. 본문>
    36. html

    >

  37. 효과는 다음과 같습니다. >

    2. 미리 서식이 지정된 텍스트: 이 예에서는 pre 태그를 사용하여 빈 줄과 공백을 제어하는 ​​방법을 보여줍니다.


    XML/HTML 코드클립보드에 콘텐츠 복사

    1. <html>

    3. <본체>

    5. <pre>

    6. 이것은

    7. 입니다. 텍스트.

    8. 공백

    9. 과 줄 바꿈을 유지합니다.

    10. 사전>

    12. <p>pre 태그는 컴퓨터 코드를 표시하는 데 적합합니다. p>

    13. 사전

      14. >

    14. for i = 1

      ~ 10 >
      15. print i

    15. next i

    16. 사전
    17. >

    18. 본문
    19. > ;

       

    20. html> 

    21. 효과는 다음과 같습니다.

      22. 3. "컴퓨터 출력" 라벨: 이 예는 다양한 "컴퓨터 출력" 라벨의 ​​표시 효과를 보여줍니다.

    HTML 文本格式化的简单实例XML/HTML 코드

    클립보드에 콘텐츠 복사


    <html

    >

    1. <

      본체
    2. >

    3. <

      코드
    4. >

      컴퓨터 코드

    5. 코드

      > <br />

    6. <kbd>키보드 입력

    7. kbd

      >

    <br />

    38. tt

  38. > 텔레타이프 텍스트tt>

  39. <br /> <

    40. samp

  40. >샘플 텍스트samp>

  41. <br /> <

    42. var

  42. >컴퓨터 변수< ;/var>

  43. <br />

  45. <p>

  46. < b>참고: b>이러한 태그는 컴퓨터/ 프로그래밍 코드 .

  47. p>

  49. 몸>

  50. < ;/html>

효과는 다음과 같습니다.

HTML 文本格式化的简单实例

4. 주소: 이 예는 HTML 파일에 주소를 쓰는 방법을 보여줍니다.


XML/HTML 코드클립보드에 콘텐츠 복사

  1. > >

  2. <본문>

    🎜>

  3. <주소>

  4. 작성자:
    5. <

  5. a href="mailto:webmaster@example.com">도널드 덕

    아>.<br>  방문:<br> 예. com<

  6. br> Box 564, Disneyland<

  7. br> 미국

  8. 주소>

  10. < /본문>

    12. html >

  12. 효과는 다음과 같습니다.

    5. 및 두문자어: 이 예에서는 약어 또는 두문자어를 구현하는 방법을 보여줍니다.

XML/HTML 코드

클립보드에 콘텐츠 복사HTML 文本格式化的简单实例


<

html>

  1. <본체>

  3. <abbr 제목

    =
    4. "etcetera"

  4. >

    등

    5. abbr> <br /> 🎜>

  5. <약어 제목="World Wide Web">WWW약어>

  6. <
  7. p

    >

    8. 일부 브라우저에서는 제목을 사용하여 약어 위로 마우스를 이동할 때 전체 버전의 표현을 표시할 수 있습니다. p> ><p>는 약어에만 유효합니다. IE 5의 요소

    p

    >
  8. ><

    p>는 두 abbr 모두에 유효합니다. Netscape 6.2의 약어 요소. p>

    9. >

    몸

    >

  9. > 방향: 이 예는 텍스트 방향을 변경하는 방법을 보여줍니다. XML/HTML 코드클립보드에 콘텐츠 복사

    11. <

  11. html>

  12. <본체>

HTML 文本格式化的简单实例

<

p

>


브라우저가 양방향 재정의(bdo)를 지원하는 경우 다음 줄 오른쪽에서 왼쪽으로 출력됩니다(rtl) >

  1. <

    bdo dir="rtl "

    >

    3. 여기 히브리어 텍스트가 있습니다

  3. bdo

    >

  5. 본문

    >

  7. html>

  8. 효과는 다음과 같습니다.

  9. 7, 블록 인용: 이 예는 하나의 길고 짧은 인용 불일치를 달성하는 방법을 보여줍니다. XML/HTML 코드

    클립보드에 콘텐츠 복사

  11. <html>

  13. <본체>

  14. 긴 인용문은 다음과 같습니다.

<

blockquote

>

HTML 文本格式化的简单实例

  • 긴 인용문입니다. 이것은 긴 인용문입니다. 이것은 긴 인용문입니다. 이것은 긴 인용문입니다. 이것은 긴 인용문입니다. 이것은 긴 인용문입니다. 이것은 긴 인용문입니다. 이것은 긴 인용문입니다. 이것은 긴 인용문입니다. 이것은 긴 인용문입니다. 이것은 긴 인용문입니다.

  • 인용문>

  • 짧은 인용문은 다음과 같습니다.

  • <q>

  • 짧은 인용문입니다.

  • q>

  • <p>

  • 인용부호를 사용하는 경우 요소, 브라우저는 줄 바꿈과 여백을 삽입하며 q 요소는 특별한 방법으로 렌더링되지 않습니다.

  • p>

  • 몸>

  • < ;/html>

    • 효과는 다음과 같습니다.

    HTML 文本格式化的简单实例

    여덟, 하위 효과를 삭제하고 하위 효과를 삽입합니다.


    XML/HTML 코드클립보드에 콘텐츠 복사

    1. <html>

    3. <본체>

    5. <p>다스<델>스물del> <ins>텐 투 ins> 항목. p> ><

      6. p

    6. >

      대부분의 브라우저는 이 내용을 다시 작성합니다. 텍스트를 취소하고 텍스트에 밑줄을 긋습니다.

      7. p> ><p>일부 구형 브라우저에서는 취소선과 밑줄이 그어진 텍스트를 일반 텍스트로 표시합니다.

    7. p

      >

    8. >몸 > >

    9. 효과는 다음과 같습니다.

    10. 위의 HTML 텍스트 형식 변환에 대한 간단한 예(자세한 설명)는 모두 편집자가 공유한 내용이므로 참고가 되셨으면 좋겠습니다. 또한 PHP 중국어 웹사이트도 지원해 주시길 바랍니다. HTML 텍스트 형식의 간단한 예와 관련된 더 많은 기사를 보려면 PHP 중국어 웹사이트를 주목하세요!

    관련 라벨：
    html 文本 格式化
    원천：php.cn
    이전 기사：html 순서 목록, 순서 없는 목록 및 정의 목록에 대한 간략한 토론 다음 기사：메타태그에 대한 자세한 설명
    본 웹사이트의 성명
    본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
    저자별 최신 기사
    최신 이슈
    PHP에서 VueJS 구성 요소 활용 VueJS를 사용하지 않고도 Php 및 VueJS 구성 요소에서 생성된 기본 HTML을 가장 낮은 dom 리프까지 혼합하고 싶습니다. 상위 레이아웃에는 Vue 애...
    에서 2023-11-11 00:01:44
    0
    2
    288
    다음 js 13에서 개방형 기본 태그를 사용하는 방법은 무엇입니까? 최근 NextJS13 업데이트에서는 NextHead를 생성하고 일반적인 html 메타 태그를 작성하는 기존 방법과 다른 메타 태그를 처리하는 새로운 방법을 도입했...
    에서 2023-11-10 23:03:51
    0
    1
    527
    PHP 메일러가 작동하지 않습니다: 오류 로그가 없으며 메시지가 전송되었지만 수신되지 않았다고 표시됩니다. 내 웹서버의 PHP 오류 로그에 어떤 오류 로그도 수신되지 않습니다. 저는 여러 가지 다른 SMTP 서버를 사용해 보았습니다(제가 아는 다른 이메일 제공업체도 작...
    에서 2023-11-10 15:02:39
    0
    1
    218
    월과 연도만 선택하는 v-date-picker v-date-picker를 사용하여 이 작업을 수행할 수 있는 다른 방법이 있는지 알려주십시오. 사용자가 연도와 월을 선택할 수 있게 하고 날짜 선택 메뉴를 닫아...
    에서 2023-11-10 14:05:05
    0
    1
    269
    다시 작성된 제목은 다음과 같습니다. SweetAlert2: "onBeforeOpen" 매개변수를 알 수 없습니다. 저는 Sweetalertv2와 함께 Laravel5.8을 사용하고 있으며 다음을 사용하여 Blade에서 이 경고를 트리거하려고 합니다: Swal.fire({tit...
    에서 2023-11-10 09:39:01
    0
    1
    257
    관련 주제
    더>
    인기 추천
    인기 튜토리얼
    더>
    관련 튜토리얼
    인기 추천
    최신 강좌
    최신 다운로드
    더>
    웹 효과
    웹사이트 소스 코드
    웹사이트 자료
    프론트엔드 템플릿
    회사 소개 부인 성명 Sitemap
    PHP 중국어 웹사이트：공공복지 온라인 PHP 교육，PHP 학습자의 빠른 성장을 도와주세요！