Rumah  >  Artikel  >  hujung hadapan web  >  Atribut Teks HTML

Atribut Teks HTML

WBOY
WBOYasal
2024-09-04 16:18:36855semak imbas

Html mempunyai beberapa ciri untuk memaparkan halaman web dengan lebih mesra pengguna dan juga dokumen html yang mengandungi struktur seperti format bersarang untuk semua elemen tag html. Seperti yang telah kita lihat, setiap elemen teg yang mengandungi kurungan sudut pembukaan dan penutup(<>,). Pelanjutan setiap elemen html ditunjukkan dengan pasangan tag seperti teg permulaan dan akhir dalam teks html. Terdapat n bilangan tag dalam html untuk memaparkan halaman web untuk tahap tersuai dalam perspektif pengguna. Beberapa teg seperti Contoh

teg perenggan ditakrifkan di bawah dokumen html berkenaan kandungan teks yang ditunjukkan dalam halaman web.

Sintaks:

html menyediakan banyak tag untuk atribut teks dalam html; ia juga mempunyai beberapa pengubah suai untuk jenis elemen.

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

Kod di atas ialah sintaks asas untuk atribut teks dalam halaman web html. Kami juga menggunakan beberapa atribut teks lain seperti “,,,,,, dsb. ini adalah atribut teks asas dalam html yang kami gunakan dalam halaman web. Kami juga menggunakan beberapa atribut teks yang ditentukan pengguna atau disesuaikan berdasarkan keperluan pengguna.

Kepentingan Atribut Teks HTML

Secara amnya, atribut html ialah jenis perkataan istimewa dalam dokumen web kerana ia akan melaksanakan operasi seperti <> pembukaan dan menutup dalam atribut html; ia akan mengawal kelakuan elemen berdasarkan prestasi atribut dalam halaman web. Teks ini juga mengaitkan pengubah suai jenis elemen html pada mana-mana pengubah ia akan diperhatikan pada kefungsian lalai setiap jenis elemen html, atau ia akan menyediakan kefungsian kepada jenis elemen tertentu yang tidak dapat fungsi tertentu dengan betul atau betul kepada html halaman web.

Atribut dokumen dalam html ditambahkan pada teg mula menggunakan html dan juga beberapa daripada beberapa jenis atribut asas seperti "atribut yang diperlukan" ia akan diperlukan oleh jenis elemen tertentu untuk fungsi jenis elemen tertentu berfungsi dengan baik, dan satu lagi atribut yang dipanggil "atribut pilihan" ia akan digunakan untuk mengubah suai fungsi lalai jenis elemen html jenis ketiga seperti "atribut standard" ia menyokong banyak jenis html dan akhirnya "atribut peristiwa" digunakan untuk menyebabkan jenis elemen html ditentukan skrip yang akan dijalankan dengan keadaan tertentu.

Sesetengah daripada jenis kefungsian atribut html akan berbeza daripada jenis elemen html yang diubah suai. Atribut html akan memanggil nama dengan pasangan nilai. Setiap satu akan dipisahkan dengan simbol "=", dan juga sama akan ditulis dengan tag permulaan elemen html selepas nama dan nilai elemen html boleh disertakan dengan petikan tunggal atau berganda. Selain itu, beberapa nilai yang mengandungi aksara tertentu akan ditinggalkan; iaitu, mereka tidak akan dipetik daripada html. Namun, ia tidak menyokong XHTML, meninggalkan beberapa nilai atribut yang tidak akan disebut; ia mungkin dianggap tidak selamat daripada dokumen html.

Kebanyakan elemen html akan mengambil beberapa atribut biasa dalam html; atribut id seperti atribut id ia akan menyediakan dokumen untuk format seluruh dunia, dan juga ia seperti pengecam unik elemen html ia akan mengambil penggunaan gaya pemilih css untuk menyediakan sifat pembentangan menggunakan penyemak imbas untuk menumpukan perhatian pada yang khusus elemen html atau apa-apa yang digabungkan dengan skrip untuk kandungan lain ia harus diubah satu ia adalah senario pembentangan. Dalam halaman web dinamik untuk html, kami akan menggunakan kaedah URL seperti dapatkan dan hantar, dsb. untuk menambahkan URL untuk halaman web; ia akan menyasarkan secara langsung elemen html tertentu dalam dokumen dan juga biasanya sub-bahagian untuk halaman web atribut id yang ditunjukkan seperti http://www.examples.com/html#attributes.

Sebarang atribut lain seperti "kelas" menyediakan elemen html terperingkat, atau ia kelihatan seperti elemen serupa. Ia boleh menjadi sangat berguna untuk tujuan semantik untuk dokumen html untuk tujuan pembentangan. Selain itu, kelas digunakan dalam jenis mikroformat, dan jenis kelas dokumen html kelihatan seperti jenis "notasi"; ia menunjukkan bahawa semua elemen html dengan nilai kelas ini adalah sub-koordinat dengan teks html utama untuk dokumen berasaskan web. Jenis elemen html sedemikian mesti dikumpulkan dan digabungkan bersama dengan pembentangan untuk nota pengepala dan pengaki pada halaman web dan bukannya ia muncul di tempat teks di mana ia akan muncul dalam sumber dokumen 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="Atribut Teks 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="Atribut Teks 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="Atribut Teks 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>Atas ialah kandungan terperinci Atribut Teks HTML. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China 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>Kenyataan:</span><div>Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn</div></div></div><div class="nphpSytBox"><span>Artikel sebelumnya:<a class="dBlack" title="Atribut Gaya HTML" href="http://m.php.cn/ms/faq/1796600055.html">Atribut Gaya HTML</a></span><span>Artikel seterusnya:<a class="dBlack" title="Atribut Gaya HTML" href="http://m.php.cn/ms/faq/1796600057.html">Atribut Gaya HTML</a></span></div><div class="nphpSytBox2"><div class="nphpZbktTitle"><h2>Artikel berkaitan</h2><em><a href="http://m.php.cn/ms/article.html" class="bBlack"><i>Lihat lagi</i><b></b></a></em><div class="clear"></div></div><ul class="nphpXgwzList"><li><b></b><a href="http://m.php.cn/ms/faq/348757.html" title="Html小知识总结" class="aBlack">Html小知识总结</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/ms/faq/348804.html" title="如何快速学习HTML" class="aBlack">如何快速学习HTML</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/ms/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/ms/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/ms/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>Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!</p></div><div class="footermid"><a href="http://m.php.cn/ms/about/us.html">Tentang kita</a><a href="http://m.php.cn/ms/about/disclaimer.html">Penafian</a><a href="http://m.php.cn/ms/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>