HTML 학습 7 부 : HTML에서 밑줄과 줄무늬가있는 게시물을 만드는 방법

이 자료에서는텍스트에 밑줄을 그고 밑줄을 긋는 역할을하는 텍스트 서식 지정. 밑줄이있는 텍스트를 만들려면 태그 쌍을 사용하십시오. 그런 다음 "~~낙서하다~~",이 형식에는 3 가지 태그가 사용됩니다이 텍스트는 <strike> 태그, <s> 태그 및 <del> 태그입니다. 교차 된 텍스트를 표시하는 3 개의 태그에는 아래에 설명 할 차이점이 있습니다.

내가 전에 말했듯이형식에는 두 가지 요소, 즉 논리 형식과 물리적 형식이 있습니다. 물리적 형식은 텍스트 특성에서 텍스트의 형식을 지정하는 데 사용되고 논리 형식은 텍스트의 내용이나 내용에 따라 텍스트의 형식을 지정합니다. , <s>, <strike> 및 <del> 태그는 물리적 형식 그룹입니다.

자세한 논의를 위해 아래에 밑줄과 낙서로 텍스트에 대한 설명을 고려하십시오.

A. 결론과 함께 쓰기

앞에서 언급했듯이밑줄 형식으로 태그를 사용할 수 있습니다. 태그는 밑줄이있는 텍스트의 시작을 나타내고 태그는 밑줄이있는 텍스트의 끝을 나타냅니다.

다음은 태그를 사용하는 예입니다.

<!DOCTYPE html>
<html>
<head>
<title>Penggunaan Garis Bawah di HTML</title>
</head>
<body>
<u>Tulisan Ini Digaris Bawahi</u>
</body>
</html>

브라우저에서 열면 결과는 아래 이미지와 같습니다.

기본적으로 태그는 HTML 4.01에서만 지원되며 HTML5에서는 지원되지 않습니다. CSS를 사용하여 태그를 이미 대체 할 수 있기 때문입니다. 텍스트 장식 : 밑줄.

CSS를 사용하여 텍스트에 밑줄을 긋는 예는 다음과 같습니다.

<!DOCTYPE html>
<html>
<head>
<title>Penggunaan Garis Bawah di HTML</title>
<style type="text/css">
h4{
text-decoration: underline;
}
</style>
</head>
<body>
<h4>Tulisan Ini Digaris Bawahi</h4>
</body>
</html>

브라우저에서 열면 결과는 아래 이미지와 같습니다.

B. 낙서가있는 게시물

텍스트에 쓰기 효과를 줄이려면<s>, <strike> 및 <del> 태그를 사용할 수 있습니다. 브라우저에서 3 개의 태그가 모두 같은 형식으로 표시되는 경우, 즉 텍스트가 지워집니다. 다음은이 세 가지 태그를 사용하는 예입니다.

<html>
<head>
<title>Teks dengan Coretan di HTML</title>
</head>
<body>
<s>Lihat Ini Tulisannya Dicoret</s><br>
<strike>Lihat Ini Tulisannya Dicoret</strike><br>
<del>Lihat Ini Tulisannya Dicoret</del><br>
</body>
</html>

브라우저에서 열면 결과는 아래 이미지와 같습니다.

위의 이미지에서 볼 때브라우저는 세 가지 사이에는 전혀 차이가 없지만 사용법과 의미면에서 차이가 있습니다. 먼저 <s> 태그는 텍스트를 가로 지르는 Strikethrough의 약자입니다. HTML 4.01에서 <s> 태그를 사용하여 텍스트를 제거하는 것은 텍스트를 취소 선으로 표시하는 텍스트 형식의 형식만을 의미하지 않습니다. HTML5에서 <s> 태그는 수정 될 텍스트를 정의하는 데 사용됩니다 (더 이상 정확하지 않음).

둘째, del 및 strike 태그가 함께 작동합니다.텍스트가 잘못되었거나 삭제되었다는 의미에서 교차 텍스트를 표시합니다. 셋째, 실제로 del 및 strike 태그의 기능은 동일하지만 차이점은 HTML 4.0.1에서 시작된 strike 태그는 더 이상 사용되지 않는 것으로 간주되기 때문에 HTML5에서 더 이상 지원되지 않는다는 것입니다 (사용하지 않는 것이 좋으며 웹 브라우저에서는 지원되지 않을 수 있음). 한편 <del> 태그는 여전히 HTML5에서 지원됩니다.

<del> 요소에는 다음을 포함한 여러 속성이 있습니다.

속성	기능
날짜	텍스트가 지워지거나 삭제 된 날짜 및 시간을 지정합니다.
인용	텍스트가 삭제되거나 제거 된 이유를 설명하는 문서의 URL을 지정합니다.

CSS에서 대부분의 브라우저는 고정 값으로 <s> 및 <del> 요소를 표시합니다. 텍스트 장식 : 라인 스루.

이제 기능을 이해 했어야합니다위에서 설명한 태그에서. 다음 HTML 학습서에서는 위첨자, 아래 첨자, 작고 표시된 텍스트 요소를 사용하여 HTML에서 텍스트의 형식을 지정하는 방법에 대해 학습합니다.

더 읽어보기 :