찾다

집 >웹 프론트엔드 >HTML 튜토리얼 >HTML 텍스트 형식의 간단한 예

HTML 텍스트 형식의 간단한 예

高洛峰
高洛峰원래의
2017-02-11 14:18:421491검색

다음 편집기는 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 중국어 웹사이트를 주목하세요!

    성명：
    본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
    이전 기사：html 순서 목록, 순서 없는 목록 및 정의 목록에 대한 간략한 토론다음 기사：html 순서 목록, 순서 없는 목록 및 정의 목록에 대한 간략한 토론

    관련 기사

    더보기