주요 쇼핑몰 웹사이트를 탐색할 때 항상 특정 제품의 원래 가격이 표시되고 원래 가격에 명확한 취소선을 추가하여 현재 프로모션이 있음을 나타내며 현재 가격은 다음과 같습니다. 사용자에게 직관적인 격차감이 사용자의 구매를 유도하는 것으로 변경되었습니다! 그렇다면 이러한 취소선 효과를 텍스트 텍스트에 어떻게 추가합니까? 이 장에서는 HTML 텍스트에 취소선을 추가하는 두 가지 방법을 소개합니다. 도움이 필요한 친구들이 참고할 수 있기를 바랍니다.
먼저 HTML 페이지의 텍스트에 취소선 효과를 추가하는 두 가지 방법을 살펴보겠습니다.
html 태그 요소는 텍스트에 취소선 효과를 구현합니다. 요소는 텍스트에 취소선을 추가하는 효과를 구현합니다.
이제 이 두 가지 방법으로 텍스트에 취소선을 추가하는 효과를 구현하는 방법을 간단한 예를 통해 자세히 소개하겠습니다.
html 태그 태그는 취소선 텍스트로 정의할 수 있습니다.
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>html <strike> 标签</title> </head> <body> <p><strike>这是测试代码，被删除了</strike></p> </body> </html>
렌더링:
예제에서 볼 수 있듯이 태그에 텍스트를 추가하기만 하면 원하는 효과를 얻을 수 있습니다. 태그는 동일한 효과를 지닌 태그로 축약될 수 있습니다.
Netscape와 Internet Explorer는 모두 이 두 가지 쓰기 방법을 지원합니다.
참고: 태그( 태그)는 HTML 4 및 XHTML에서 더 이상 사용되지 않으므로 조만간 사라질 것입니다.
일반적으로 태그를 사용하지 않고 취소선 효과를 얻으려면 태그를 사용하는 것이 좋습니다.
html 태그 태그는 문서에서 삭제된 텍스트를 정의합니다.
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>html <del> 标签</title> </head> <body> <p>原价：<del>20</del>，现在促销价：10</p> </body> </html>
렌더링:
예제에서 볼 수 있듯이 태그의 사용은 태그만큼 간단하고 편리합니다. 그리고 모든 주요 브라우저는 태그를 지원합니다.
참고: 문서의 업데이트 및 수정 사항을 설명하려면 태그와 함께 사용하세요.
요약: 위의 내용이 이 글의 전체 내용입니다. 실제로 위의 두 가지 방법을 사용하여 취소선을 추가하는 것 외에도 CSS를 사용하여 취소선을 구현하고 취소선 스타일을 설정할 수도 있습니다. 후속 기사【
CSS에 취소선을 추가하는 방법은 무엇인가요? CSS 텍스트 장식 속성 설정 취소선(코드 예)]에서는 CSS를 사용하여 취소선 스타일을 설정하는 방법을 소개합니다. 모든 분들의 학습에 도움이 되길 바랍니다. 더 많은 관련 튜토리얼을 보려면 HTML 비디오 튜토리얼을 방문하세요! 관련 추천:
php 공공 복지 교육 비디오 튜토리얼위 내용은 HTML 텍스트에 취소선을 추가하는 방법은 무엇입니까? 취소선을 추가하는 두 가지 방법(예)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
HTML 문서의 루트 태그는 무엇입니까?Apr 29, 2025 am 12:10 AMTheroottaginanhtmldocumentis.itservesasthetop-levellement thatenCapsulateslotherContent, 프로퍼 디코 언어 구조에있는 BrowserParsing을 보장합니다.
HTML 태그와 요소가 같은 것입니까?Apr 28, 2025 pm 05:44 PM이 기사는 HTML 태그가 요소를 정의하는 데 사용되는 구문 마커이고 요소는 태그 및 내용을 포함한 완전한 단위라고 설명합니다. 그들은 웹 페이지를 구조화하기 위해 협력합니다. character count : 159
& lt; head & gt의 중요성은 무엇입니까? & lt; Body & Gt; html에서 태그?Apr 28, 2025 pm 05:43 PM이 기사는 & lt; Head & gt의 역할에 대해 설명합니다. & lt; Body & Gt; HTML의 태그, 사용자 경험에 미치는 영향 및 SEO 영향. 적절한 구조화는 웹 사이트 기능 및 검색 엔진 최적화를 향상시킵니다.
& lt; strong & gt;, & lt; b & gt; 태그 및 & lt; em & gt;, & lt; i & gt; 태그?Apr 28, 2025 pm 05:42 PM이 기사는 HTML 태그, 등의 차이점과 시맨틱 대 프리젠 테이션 사용 및 SEO 및 접근성에 미치는 영향에 중점을 둡니다.
HTML의 문서에서 사용중인 문자 세트를 표시하는 방법을 설명해 주시겠습니까?Apr 28, 2025 pm 05:41 PM기사는 UTF-8에 중점을 둔 HTML에서 문자 인코딩 지정에 대해 논의합니다. 주요 이슈 : 올바른 텍스트 표시 보장, 멍청한 문자 방지 및 SEO 및 접근성 향상.
HTML의 다양한 형식 태그는 무엇입니까?Apr 28, 2025 pm 05:39 PM이 기사는 웹 컨텐츠를 구조화하고 스타일링하는 데 사용되는 다양한 HTML 서식 태그에 대해 논의하여 텍스트 모양에 미치는 영향과 접근성 및 SEO에 대한 시맨틱 태그의 중요성을 강조합니다.
'ID'속성과 HTML 요소의 '클래스'속성의 차이점은 무엇입니까?Apr 28, 2025 pm 05:39 PM이 기사는 고유성, 목적, CSS 구문 및 특이성에 중점을 둔 HTML의 'ID'와 '클래스'속성의 차이점에 대해 설명합니다. 웹 페이지 스타일링 및 기능에 어떤 영향을 미치는지 설명하고 모범 사례를 제공합니다.
HTML의 '클래스'속성은 무엇입니까?Apr 28, 2025 pm 05:37 PM이 기사는 스타일링 및 JavaScript 조작을위한 요소 그룹에서 HTML '클래스'속성의 역할을 고유 한 'ID'속성과 대조합니다.
핫 AI 도구
Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱
AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.
Undress AI Tool
무료로 이미지를 벗다
Clothoff.io
AI 옷 제거제
Video Face Swap
완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!
인기 기사
뜨거운 도구
SublimeText3 Linux 새 버전
SublimeText3 Linux 최신 버전
SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.
VSCode Windows 64비트 다운로드
Microsoft에서 출시한 강력한 무료 IDE 편집기
안전한 시험 브라우저
안전한 시험 브라우저는 온라인 시험을 안전하게 치르기 위한 보안 브라우저 환경입니다. 이 소프트웨어는 모든 컴퓨터를 안전한 워크스테이션으로 바꿔줍니다. 이는 모든 유틸리티에 대한 액세스를 제어하고 학생들이 승인되지 않은 리소스를 사용하는 것을 방지합니다.
PhpStorm 맥 버전
최신(2018.2.1) 전문 PHP 통합 개발 도구
