>  기사  >  웹 프론트엔드  >  HTML 텍스트 속성

HTML 텍스트 속성

WBOY
WBOY원래의
2024-09-04 16:18:36852검색

Html에는 사용자 친화적으로 웹페이지를 더 많이 표시하는 몇 가지 기능이 있으며 모든 html 태그 요소에 대한 중첩 형식과 같은 구조를 포함하는 html 문서도 있습니다. 우리가 이미 본 것처럼, 여는 꺾쇠 괄호(<>,)를 포함하는 각각의 모든 태그 요소는 다음과 같습니다. 모든 html 요소의 확장은 시작 및 종료 태그와 같은 태그 쌍으로 표시됩니다. HTML 텍스트. 사용자 관점에서 사용자 정의된 수준에 대한 웹 페이지를 표시하기 위해 html에는 n개의 태그가 있습니다. 예제

단락 태그는 웹 페이지에 표시되는 텍스트 콘텐츠와 관련된 html 문서 아래에 정의됩니다.

구문:

html은 html의 문자 메시지 속성에 대한 많은 태그를 제공합니다. 또한 요소 유형에 대한 몇 가지 수정자가 있습니다.

<html>
<head>
</head>
<body>
<strong> ---some text--</strong>
</body>
</html>

위 코드는 HTML 웹페이지의 텍스트 속성에 대한 기본 구문입니다. 또한 ",,,,, 등과 같은 다른 텍스트 속성도 사용합니다." 이는 웹 페이지에서 사용하는 html의 기본 텍스트 속성입니다. 또한 사용자 요구 사항에 따라 기타 사용자 정의 또는 사용자 정의 텍스트 속성을 사용합니다.

HTML 텍스트 속성의 중요성

일반적으로 html 속성은 <>와 같은 작업을 수행하기 때문에 웹 문서에서 특별한 종류의 단어입니다. 열기 및 html 속성으로 닫기; 웹 페이지의 속성 성능을 기반으로 요소의 동작을 제어합니다. 텍스트는 또한 html 요소 유형의 수정자를 모든 html 요소 유형의 기본 기능에 대해 설명하거나 html에 대해 특정 기능을 올바르게 또는 적절하게 수행할 수 없는 특정 요소 유형에 기능을 제공합니다. 웹페이지.

html 문서 속성은 html 시작 태그 사용에 추가되며 "필수 속성"과 같은 몇 가지 기본 속성 유형 중 일부도 특정 요소 유형 기능이 제대로 작동하려면 특정 요소 유형에 필요합니다. "선택적 속성"이라는 속성은 html 요소 유형의 기본 기능을 수정하는 데 사용됩니다. "표준 속성"과 같은 세 번째 유형은 많은 html 유형을 지원했으며 마지막으로 "이벤트 속성"은 html 요소 유형이 지정하도록 하는 데 사용됩니다. 특정 상황에서 실행할 스크립트.

일부 html 속성 유형의 기능은 수정된 html 요소 유형과 다릅니다. html 속성은 값 쌍으로 이름을 호출합니다. 각각은 "=" 기호로 구분되며, html 요소 이름과 값을 작은따옴표나 큰따옴표로 묶은 후 html 요소의 시작 태그와 함께 작성됩니다. 또한 특정 문자가 포함된 일부 값이 남습니다. 즉, HTML에서 인용이 해제됩니다. 그러나 XHTML을 지원하지 않으므로 일부 속성 값은 인용되지 않습니다. HTML 문서에서는 안전하지 않은 것으로 간주될 수 있습니다.

대부분의 html 요소는 html의 몇 가지 공통 속성을 사용합니다. id 속성과 같은 id 속성은 전 세계 형식에 대한 문서를 제공하며 html 요소의 고유 식별자와도 같습니다. 특정 항목에 주의를 집중하기 위해 브라우저를 사용하여 프레젠테이션 속성을 제공하기 위해 CSS 선택기 스타일을 사용합니다. html 요소 또는 다른 콘텐츠에 대한 스크립트와 결합된 모든 요소는 프레젠테이션 시나리오에 따라 변경되어야 합니다. html의 동적 웹 페이지에서는 웹 페이지의 URL을 추가하기 위해 get 및 post 등과 같은 URL 메소드를 사용합니다. 이는 문서 내의 특정 html 요소를 직접 대상으로 하며 일반적으로 http://www.examples.com/html#attributes와 같이 표시되는 id 속성이 있는 웹 페이지의 하위 섹션을 대상으로 합니다.

"class"와 같은 다른 속성은 분류된 html 요소를 제공하거나 유사한 요소처럼 보입니다. 이는 프리젠테이션 목적의 HTML 문서에 대한 의미론적 목적에 매우 유용할 수 있습니다. 게다가 클래스는 마이크로포맷 유형에 사용되며 html 문서 클래스 유형은 "표기법" 유형처럼 보입니다. 이는 이 클래스 값을 가진 모든 html 요소가 웹 기반 문서의 기본 html 텍스트와 하위 좌표임을 나타냅니다. 이러한 유형의 html 요소는 html 문서의 소스에서 발생할 텍스트 위치에 표시되는 대신 웹 페이지의 머리글 및 바닥글 메모에 대한 프레젠테이션과 함께 수집되고 결합되어야 합니다.

Moreover, CSS styles will be the presentation for the web documents user, or the Author will use the css style attributes for both non-attributable codes, which also looks with presentational properties of the html elements. The css style attributes will call the html based documents with the help of the class and id attributes for selecting the html elements with the style sheets for the web pages. also another sub-text based attributes in the html. In most of web browsers, this attribute will be called as the tooltip for the web pages.</p> <h3>Examples of HTML Text Attributes</h3> <p>Following are the examples:</p> <h4>Example #1</h4> <p><strong>Code:</strong></p> <pre class="brush:php;toolbar:false"><html> <body> <h2>Samples</h2> <p>Welcome To My Domain</p> <a href="https://www.gmail.com">Please login</a> </body> </html></pre> <p><strong>Output:</strong></p> <p><img src="https://img.php.cn/upload/article/000/000/000/172543792231609.png" alt="HTML 텍스트 속성" ></p> <h4>Example #2</h4> <p><strong>Code:</strong></p> <pre class="brush:php;toolbar:false"><html> <head> <style> .sample { text-transform: uppercase; } .sample1 { text-transform: lowercase; } .sample2 { text-transform: capitalize; } </style> </head> <body> <p class="sample">Welcome to My Domain.</p> <p class="sample1">Welcome to My Domain.</p> <p class="sample2">Welcome to My Domain.</p> </body> </html></pre> <p><strong>Output:</strong></p> <p><img src="https://img.php.cn/upload/article/000/000/000/172543792374995.png" alt="HTML 텍스트 속성" ></p> <h4>Example #3</h4> <p><strong>Code:</strong></p> <pre class="brush:php;toolbar:false"><html> <head> <style> #sample{ font-size: 33px; font-weight: bold; font-family: Arial; color: green; transition:0.7s; } </style> </head> <body> <p id="sample">Welcome To my Domain</p> <script type="text/javascript"> var b = document.getElementById('sample'); setInterval(function() { b.style.opacity = (b.style.opacity == 0 ? 1 : 0); }, 1000); </script> </body> </html></pre> <p><strong>Output:</strong></p> <p><img src="https://img.php.cn/upload/article/000/000/000/172543792638569.png" alt="HTML 텍스트 속성" ></p> <h3>Conclusion</h3> <p>We have seen some HTML tags types like text elements; for the web pages, the text tags will be used for basic html documents. Some of the basic tags <h1> to <h10>,<p> etc this type of tags will be used for every html web-based documents. Some tags will be supported for browsers compatibility, and some tags will not be compatible.</p><p>위 내용은 HTML 텍스트 속성의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!</p></div><div class="nphpQianMsg"><a href="javascript:void(0);">css</a> <a href="javascript:void(0);">html</a> <a href="javascript:void(0);">xhtml</a> <a href="javascript:void(0);">for</a> <a href="javascript:void(0);">format</a> <a href="javascript:void(0);">double</a> <a href="javascript:void(0);">using</a> <a href="javascript:void(0);">class</a> <a href="javascript:void(0);">finally</a> <a href="javascript:void(0);">Attribute</a> <a href="javascript:void(0);">Event</a> <a href="javascript:void(0);">number</a> <a href="javascript:void(0);">symbol</a> <a href="javascript:void(0);">default</a> <a href="javascript:void(0);">this</a> <a href="javascript:void(0);">kind</a> <a href="javascript:void(0);">http</a><div class="clear"></div></div><div class="nphpQianSheng"><span>성명:</span><div>본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.</div></div></div><div class="nphpSytBox"><span>이전 기사:<a class="dBlack" title="HTML 스타일 속성" href="http://m.php.cn/ko/faq/1796600055.html">HTML 스타일 속성</a></span><span>다음 기사:<a class="dBlack" title="HTML 스타일 속성" href="http://m.php.cn/ko/faq/1796600057.html">HTML 스타일 속성</a></span></div><div class="nphpSytBox2"><div class="nphpZbktTitle"><h2>관련 기사</h2><em><a href="http://m.php.cn/ko/article.html" class="bBlack"><i>더보기</i><b></b></a></em><div class="clear"></div></div><ul class="nphpXgwzList"><li><b></b><a href="http://m.php.cn/ko/faq/348757.html" title="HTML 지식 요약" class="aBlack">HTML 지식 요약</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/ko/faq/348804.html" title="HTML을 빨리 배우는 방법" class="aBlack">HTML을 빨리 배우는 방법</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/ko/faq/348873.html" title="html xhtml xml의 차이점" class="aBlack">html xhtml xml의 차이점</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/ko/faq/348884.html" title="src와 href 속성의 차이점" class="aBlack">src와 href 속성의 차이점</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/ko/faq/348902.html" title="HTML5 및 CSS 대체 사용 정보" class="aBlack">HTML5 및 CSS 대체 사용 정보</a><div class="clear"></div></li></ul></div></div><footer><div class="footer"><div class="footertop"><img src="/static/imghwm/logo.png" alt=""><p>공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!</p></div><div class="footermid"><a href="http://m.php.cn/ko/about/us.html">회사 소개</a><a href="http://m.php.cn/ko/about/disclaimer.html">부인 성명</a><a href="http://m.php.cn/ko/update/article_0_1.html">Sitemap</a></div><div class="footerbottom"><p> © php.cn All rights reserved </p></div></div></footer><script>isLogin = 0;</script><script type="text/javascript" src="/static/layui/layui.js"></script><script type="text/javascript" src="/static/js/global.js?4.9.47"></script></div><script src="https://vdse.bdstatic.com//search-video.v1.min.js"></script><link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css' type='text/css' media='all'/><script type='text/javascript' src='/static/js/viewer.min.js?1'></script><script type='text/javascript' src='/static/js/jquery-viewer.min.js'></script><script>jQuery.fn.wait = function (func, times, interval) { var _times = times || -1, //100次 _interval = interval || 20, //20毫秒每次 _self = this, _selector = this.selector, //选择器 _iIntervalID; //定时器id if( this.length ){ //如果已经获取到了,就直接执行函数 func && func.call(this); } else { _iIntervalID = setInterval(function() { if(!_times) { //是0就退出 clearInterval(_iIntervalID); } _times <= 0 || _times--; //如果是正数就 -- _self = $(_selector); //再次选择 if( _self.length ) { //判断是否取到 func && func.call(_self); clearInterval(_iIntervalID); } }, _interval); } return this; } $("table.syntaxhighlighter").wait(function() { $('table.syntaxhighlighter').append("<p class='cnblogs_code_footer'><span class='cnblogs_code_footer_icon'></span></p>"); }); $(document).on("click", ".cnblogs_code_footer",function(){ $(this).parents('table.syntaxhighlighter').css('display','inline-table');$(this).hide(); }); $('.nphpQianCont').viewer({navbar:true,title:false,toolbar:false,movable:false,viewed:function(){$('img').click(function(){$('.viewer-close').trigger('click');});}}); </script></body></html>