>웹 프론트엔드 >HTML 튜토리얼 >HTML의 작은 태그

HTML의 작은 태그

WBOY
WBOY원래의
2024-09-04 16:27:20619검색

<소형> 태그는 주로 HTML의 기능 중 하나입니다. 이는 식별된 텍스트를 나타내며 한 크기에서 큰 크기에서 작은 크기로 다른 크기로 표시됩니다. HTML 본문 텍스트는 크게 작은 크기로 변환됩니다. 태그는 전체 사용자 브라우저 글꼴 크기를 숨기지 않고 HTML에 중점을 둡니다. 모든 유형의 브라우저를 지원하므로 브라우저 호환 모드를 완전히 수용합니다. 태그는 웹페이지 콘텐츠의 크기가 작아지는 HTML 요소이며, 웹페이지의 텍스트에는 변경사항이 없습니다.

구문:

의 기본 구문 태그는 다음과 같습니다.

<html>
<body>
<p>
<small>
----some contents---
</small>
</p>
</body>
</html>

위 코드는 HTML 문서의 태그. 에 여는 괄호와 닫는 괄호를 모두 사용해야 합니다. 꼬리표. 각 HTML 태그에는 고유한 기능이 있으며 버전, 실행 가능한 환경 등에 따라 프로젝트에 대한 일부 단점이 있습니다. 이러한 기능은 모든 HTML 태그에 허용됩니다. 태그는 HTML 태그의 모든 위치에 사용됩니다. 하위 구분 부분에서 HTML 웹 콘텐츠를 파생시키기 위해 중첩된 개념을 사용합니다.

HTML에서 작은 태그는 어떻게 작동하나요?

HTML 작은 태그에는 HTML 웹 페이지를 지원하는 특정 속성이 없습니다. 브라우저 화면의 모든 웹 페이지 콘텐츠를 지원하는 글로벌 버전입니다. 작은 태그를 사용하면 글꼴 크기가 달라져야 합니다. 이는 다양한 요구에 맞는 작은 글꼴이며 스타일도 포함되어 있습니다. html5에서는 웹 페이지 사용자를 위한 몇 가지 새로운 목적이 생겼습니다. 그러나 주석 안의 HTML 작은 텍스트와 일부 작은 인쇄물에도 일반적입니다. 여기에는 법적 내용이나 저작권 정보가 포함되는 경우가 많습니다.

웹 페이지의 본문 태그에서 텍스트의 모든 내용은 평소와 같은 크기이지만 때로는 복사된 텍스트의 특정 부분이 시각적으로 더 작아서 깨질 수 있습니다. 텍스트를 분할하여 웹 페이지에서 읽을 수 있는 형식으로 만드는 것입니다. 태그는 텍스트 형식을 지정하는 한 가지 방법이며 다른 태그가 포함된 CSS에서는 이 태그의 중요성이 감소했습니다. 작은 태그는 적절하게 사용하면 좋은 태그 중 하나였으며 웹 페이지에서 여러 번 사용되며 일부 효과를 위해 다른 태그 안에 중첩될 수 있습니다.

스타일에 대한 가능성을 추가하고 태그; 이것은 여는 태그의 작은 뒤에 속성을 추가하는 것에 지나지 않습니다. 여기에는 클래스 디렉터리, ID, 언어, 스타일 및 제목에 대한 속성이 포함됩니다. 대부분의 경우 클래스 ID는 examples 모든 속성에는 등호가 아닌 속성 이름, 큰따옴표로 묶인 속성 식별자의 이니셜 뒤에 약간의 공백이 있습니다. class 및 ids 유형은 모두 요소의 CSS 스타일을 참조하는 속성이며 웹페이지 문서의 태그를 외부 파일에 추가합니다.

id는 웹페이지의 단일 인스턴스를 나타내는 반면 클래스는 일반적으로 페이지의 일부 반복 요소를 나타냅니다. 주로 태그의 클래스 속성은 거의 항상 id 속성보다 사용됩니다. 실제로는 웹 페이지에서 클래스 속성을 입력해도 큰 차이가 나지 않기 때문입니다. 속성은 에 대한 일부 CSS 스타일 정보와 함께 항상 허용됩니다. HTML의 태그. 디렉토리 dir 속성은 왼쪽 및 오른쪽 형식 언어 언어 모두에서 HTML 텍스트를 읽는 데 허용됩니다. 태그와 제목 내용 모두에 대한 언어를 지정할 수 있습니다. 태그에 대한 추가 내용과 정보를 허용하는 데 사용됩니다.

주로 HTML 태그를 사용하기 위해 javascript와 같은 스크립트를 첨부할 수 있을 뿐만 아니라 문서의 외부 범위에 대해 HTML 스크립트가 작성할 사용자 요구 사항에 따라 웹 페이지에 일부 기능을 추가할 수도 있습니다. 태그는 HTML의 인라인 요소입니다. 우리는 <소형> 웹 페이지의 텍스트 크기 변경을 정의하는 태그 페이지가 HTML5 버전으로 작성되었다고 가정할 경우 언급된 텍스트 태그 크기 변경 문제는 이 경우 무시됩니다.

다음의 예는 다음과 같습니다.

예시 #1

코드:

<html>
<body>
<p>Welcome To My Domain</p>
<p><small>welcome users To My Domain</small></p>
</body>
</html>

출력:

HTML의 작은 태그

예시 #2

코드:

<html>
<head>
<style>
sample {
font-size: .8em;
color:blue;
}
</style>
</head>
<body>
<p>Welcome To My Domain,All the New Users welcomed once again</p>
<sample> Please contact any queries to email:[email protected] </sample>
</body>
</html>

출력:

HTML의 작은 태그

예시 #3

코드:

<html>
<body>
<p>Welcome To My Domain.</p>
<button onclick="sample()">Click</button>
<p id="example1"></p>
<script>
function sample() {
var s = "mailto:[email protected]!";
var r = s.small();
document.getElementById("example1").innerHTML = r;
}
</script>
</body>
</html>

출력:

HTML의 작은 태그

위의 세 가지 예는 기본적인 웹 페이지에서 다양한 형식으로 HTML에 태그를 지정합니다. 프로젝트의 사용자 요구 사항에 따라 실시간 환경에서 작은 태그와 속성을 사용합니다. 또한 세 번째 예에서는 javascript를 사용했습니다. 버튼을 클릭하면 메일 주소가 더 작은 크기로 표시되므로 이전 두 예제와 비교할 때 크기가 달라집니다. 이벤트 핸들러 메커니즘은 HTML 문서 내에서 스크립트를 호출할 수 있는 HTML 콘텐츠 속성을 사용합니다. 스크립트는 프론트엔드 화면에서 백엔드로 함수를 호출할 때 특정 이벤트에서 호출되고 발생합니다. 각 이벤트 핸들러 메커니즘에는 HTML 스크립트의 이벤트 세트를 처리하기 위한 특정 속성이 포함되어 있습니다.

결론

주로 HTML에서는 태그에는 HTML 사전 정의 태그의 표면을 터치하는 기능이 하나 있습니다. 주로 다른 태그 중에서 HTML 태그의 다목적 기능을 쉽게 사용할 것입니다. CSS와 결합하여 사용자에게 더욱 매력적인 웹페이지를 제공할 것입니다.

위 내용은 HTML의 작은 태그의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
이전 기사:HTML 주소 태그다음 기사:HTML 주소 태그