HTML 기울임꼴 스팬
-
<i>태그를 사용하여 HTML에서 텍스트를 기울임꼴로 표시 -
<em>태그를 사용하여 HTML에서 텍스트를 기울임꼴로 표시 -
<span>태그를 사용하여 HTML에서 텍스트를 기울임꼴로 표시 - 결론
텍스트를 이탤릭체로 표시하기 위해 HTML에 사용되는 여러 태그가 있습니다. 이러한 태그는 다른 언어로 된 키워드, 기술 용어, 구문 또는 중요한 단어를 강조 표시합니다.
기울임꼴 태그는 기본적으로 사용자를 위한 것이며 따옴표와 같은 텍스트 부분을 강조하는 데 도움이 됩니다.
사용자는 이러한 태그가 표시된 내용에 특별한 주의를 기울입니다. 따라서 텍스트를 이탤릭체로 표시하는 데 사용되는 다른 태그가 있을 수 있지만 이 문서에서는 다음 태그를 사용하여 HMTL에서 텍스트를 이탤릭체로 표시합니다.
<i>태그<em>태그<span>태그
<i> 태그를 사용하여 HTML에서 텍스트를 기울임꼴로 표시
HTML에서 <i> 태그는 텍스트를 이탤릭체로 만들고 대체 분위기에서 텍스트의 일부를 정의하는 데 도움이 됩니다. <i> 태그는 여는 태그와 닫는 태그를 포함하는 컨테이너 태그입니다.
<i> 태그 내부의 내용은 일반적으로 기울임꼴로 표시됩니다.
통사론:
<i>Contents</i>
코드 예:
<p><i>Lorem ipsum</i> is the most popular filler text in history.</p>
<em> 태그를 사용하여 HTML에서 텍스트를 기울임꼴로 표시
<em> 태그는 텍스트를 이탤릭체로 표시하는 데에도 사용됩니다. 독자는 <em> 태그 안의 콘텐츠를 구두 강세를 사용하여 강조하여 발음합니다.
이 컨테이너 태그에는 여는 태그와 닫는 태그가 있으며 <em> 태그 내부의 텍스트는 기울임꼴로 표시됩니다.
통사론:
<em>Italic Text</em>
코드 예:
<p>You <em>have</em> to hurry up!</p>
<span> 태그를 사용하여 HTML에서 텍스트를 기울임꼴로 표시
html <span> 태그는 스타일 지정을 위해 인라인 요소를 그룹화하는 데 사용되는 일반 인라인 컨테이너입니다. 이 태그는 특정 텍스트나 다른 콘텐츠를 나머지와 다르게 만드는 데 도움이 됩니다.
<span>은 열린 < 태그와 닫는 > 태그가 있는 쌍을 이룬 태그이며 태그를 닫는 것은 필수입니다. <span> 태그는 <div>와 유사하지만 <div>는 블록 수준 태그이고 span은 인라인 태그입니다.
통사론:
<span style="font-style:italic">contents</span>
코드 예:
<p>The bird is <span style="font-style:italic">flying</span> in the sky.</p>
하나의 예에서 이러한 모든 속성을 사용하는 예를 살펴보겠습니다.
<!DOCTYPE html>
<html>
<head>
<title>HTML: The i and em span tags</title>
</head>
<body>
<h3>From the Universal Declaration of Human Rights</h3>
<p>
Where recognition of the inherent dignity and of the <i>equal and inalienable rights</i> of <em>all members of the human family</em> is the <span style="font-style: italic;">foundation of freedom, justice and peace</span> in the
world
</p>
</body>
</html>
결론
HTML에서 텍스트를 이탤릭체로 표시하는 방법에 대한 기사를 요약하기 위해 이탤릭체가 무엇이며 텍스트를 이탤릭체로 표시하는 방법에 대해 논의했습니다.
또한 텍스트를 이탤릭체로 표시하는 데 사용되는 다양한 태그에 대해 논의했습니다. 이 기사에서 논의한 다른 태그는 <i>, <em> 및 <span>입니다.
Zeeshan is a detail oriented software engineer that helps companies and individuals make their lives and easier with software solutions.
LinkedIn