지역 사회 배우다 도구 라이브러리 여가
찾다
한국어
집 > 웹 프론트엔드 > HTML 튜토리얼 > HTML 텍스트 형식의 간단한 예

HTML 텍스트 형식의 간단한 예

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

다음 편집기는 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으로 문의하세요.
    저자별 최신 기사
    최신 이슈
    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
    관련 주제
    더>
    인기 추천
    인기 튜토리얼
    더>
    관련 튜토리얼
    인기 추천
    최신 강좌
    최신 다운로드
    더>
    웹 효과
    웹사이트 소스 코드
    웹사이트 자료
    프론트엔드 템플릿