There are many HTML tags in total. The following are some commonly used tags in HTML5 for use when building web pages:
1, : declare document type
2, : Identifies the root element of the HTML document
##3,
: Define the header of the document, including the metadata of the document
4,
: Define the document title<span style="text-wrap: nowrap;"></span></p>
<p>5. <meta>: Define metadata about the HTML document<span style="text-wrap: nowrap;"></span><br></p>##6. <link>: Define the relationship between the document and external resources<p><span style="text-wrap: nowrap;"></span></p>7, <p><span style="text-wrap: nowrap;"><style>: Define the style information of the document</span><span style="text-wrap: nowrap;"></span></p>8, <script>: Define the client script<p><span style="text-wrap: nowrap;"></span><br>##9. <body> : The main content of the HTML document </p>
<p><span style="text-wrap: nowrap;"></span><br>10. <h1> - <h6> ; : Title tag, define the document title according to importance </p><p><span style="text-wrap: nowrap;"></span>##11, <p> : Paragraph tag <br></p>
<p><span style="text-wrap: nowrap;"></span> 12. <a>: link tag<br></p>
<p><span style="text-wrap: nowrap;"></span>13, <img>: image tag<br></p>
<p><span style="text-wrap: nowrap;">##14, <div>: block-level container tag</span><br></p>
<p>##15, <span>: line-level container tag<span style="text-wrap: nowrap;"></span><br></p>## 16. <input>: Input label <p><span style="text-wrap: nowrap;"></span><br>##17. <button>: Button label </p>
<p><span style="text-wrap: nowrap;"></span>##18. <form> : form tag <br></p>
<p><span style="text-wrap: nowrap;">#19, <ul> : unordered list tag </span><br></p>
<p>##20, <ol> : ordered list tag<span style="text-wrap: nowrap;"></span><br></p>##21, <li> : list item tag<p><span style="text-wrap: nowrap;"></span><br>##22 , <table> : table label </p>
<p><span style="text-wrap: nowrap;"></span>##23, <tr> : table row label <br></p>
<p><span style="text-wrap: nowrap;">##24, <td> : Table data cell label </span><br></p>
<p>##25, <th> : Table title cell label <span style="text-wrap: nowrap;"></span><br></p>
<p>26.<label>: Label label<span style="text-wrap: nowrap;"></span><br></p>##27.<textarea>: Text area label<p><span style="text-wrap: nowrap;"></span><br># #28. <select>: drop-down menu tag</p>
<p><span style="text-wrap: nowrap;"></span>##29.<iframe>: inline frame tag<br></p>
<p><span style="text-wrap: nowrap;"> ##30, <video>: Video tag</span><br></p>
<p>##31, <audio>: Audio tag<span style="text-wrap: nowrap;"></span><br></p>## 32. <canvas> : Canvas tag <p><span style="text-wrap: nowrap;"></span><br>##33. <nav> : Navigation tag </p>
<p><span style="text-wrap: nowrap;"></span>##34. <header> : Header tag <br></p>
<p><span style="text-wrap: nowrap;">#35, <footer> : Bottom tag </span><br></p>
<p><span style="text-wrap: nowrap;">36, < ;section> : block tag </span><br></p>
<p>#37, <article> : article tag <span style="text-wrap: nowrap;"></span><br></p>
<p>38, < aside> : Sidebar label <span style="text-wrap: nowrap;"></span><br></p>#39, <main> : Main content label <p><span style="text-wrap: nowrap;"></span><br></p>40, < ;figure> : Image and text combination tags<p><span style="text-wrap: nowrap;"></span><br>These tags are the most commonly used part of HTML5. Of course, there are many other tags in HTML, but these tags are enough to build various types web page. Note that these tags must be used correctly according to HTML standards to ensure that your web pages have good structure, semantics and accessibility. </p><p>The above is the detailed content of Complete collection of HTML tags. For more information, please follow other related articles on the PHP Chinese website!</p></div><div class="nphpQianMsg"><a href="javascript:void(0);">html5</a> <a href="javascript:void(0);">html</a> <a href="javascript:void(0);">select</a> <a href="javascript:void(0);">canvas</a> <a href="javascript:void(0);">input</a> <a href="javascript:void(0);">ul</a> <a href="javascript:void(0);">table</a> <a href="javascript:void(0);">td</a> <a href="javascript:void(0);">tr</a> <a href="javascript:void(0);">th</a> <a href="javascript:void(0);">li</a> <a href="javascript:void(0);">iframe</a><div class="clear"></div></div><div class="nphpQianSheng"><span>Statement：</span><div>The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn</div></div></div><div class="nphpSytBox"><span>Previous article：<a class="dBlack" title="What are the uses of require?" href="http://m.php.cn/faq/631020.html">What are the uses of require?</a></span><span>Next article：<a class="dBlack" title="What are the uses of require?" href="http://m.php.cn/faq/631039.html">What are the uses of require?</a></span></div><div class="nphpSytBox2"><div class="nphpZbktTitle"><h2>Related articles</h2><em><a href="http://m.php.cn/article.html" class="bBlack"><i>See more</i><b></b></a></em><div class="clear"></div></div><ins class="adsbygoogle"
style="display:block"
data-ad-format="fluid"
data-ad-layout-key="-6t+ed+2i-1n-4w"
data-ad-client="ca-pub-5902227090019525"
data-ad-slot="8966999616"></ins><script> (adsbygoogle = window.adsbygoogle || []).push({});
</script><ul class="nphpXgwzList"><li><b></b><a href="http://m.php.cn/faq/457892.html" title="How to solve php html tag conversion problem" class="aBlack">How to solve php html tag conversion problem</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/faq/474087.html" title="How to set the image to be centered in html" class="aBlack">How to set the image to be centered in html</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/faq/475107.html" title="How to remove html tags in python" class="aBlack">How to remove html tags in python</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/faq/475381.html" title="How to set html font color" class="aBlack">How to set html font color</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/faq/477356.html" title="How to center text in html" class="aBlack">How to center text in html</a><div class="clear"></div></li></ul></div></div><ins class="adsbygoogle"
style="display:block"
data-ad-format="autorelaxed"
data-ad-client="ca-pub-5902227090019525"
data-ad-slot="5027754603"></ins><script> (adsbygoogle = window.adsbygoogle || []).push({});
</script><div class="nphpFoot"><div class="nphpFootBg"><ul class="nphpFootMenu"><li><a href="http://m.php.cn/"><b class="icon1"></b><p>Home</p></a></li><li><a href="http://m.php.cn/course.html"><b class="icon2"></b><p>Course</p></a></li><li><a href="http://m.php.cn/wenda.html"><b class="icon4"></b><p>Q&A</p></a></li><li><a href="http://m.php.cn/login"><b class="icon5"></b><p>My</p></a></li><div class="clear"></div></ul></div></div><div class="nphpYouBox" style="display: none;"><div class="nphpYouBg"><div class="nphpYouTitle"><span onclick="$('.nphpYouBox').hide()"></span><a href="http://m.php.cn/"></a><div class="clear"></div></div><ul class="nphpYouList"><li><a href="http://m.php.cn/"><b class="icon1"></b><span>Home</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/course.html"><b class="icon2"></b><span>Course</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/article.html"><b class="icon3"></b><span>Article</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/wenda.html"><b class="icon4"></b><span>Q&A</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/dic.html"><b class="icon6"></b><span>Dictionary</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/course/type/99.html"><b class="icon7"></b><span>Manual</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/xiazai/"><b class="icon8"></b><span>Download</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/faq/zt" title="Topic"><b class="icon12"></b><span>Topic</span><div class="clear"></div></a></li><div class="clear"></div></ul></div></div><div class="nphpDing" style="display: none;"><div class="nphpDinglogo"><a href="http://m.php.cn/"></a></div><div class="nphpNavIn1"><div class="swiper-container nphpNavSwiper1"><div class="swiper-wrapper"><div class="swiper-slide"><a href="http://m.php.cn/" >Home</a></div><div class="swiper-slide"><a href="http://m.php.cn/article.html" class="hover">Article</a></div><div class="swiper-slide"><a href="http://m.php.cn/wenda.html" >Q&A</a></div><div class="swiper-slide"><a href="http://m.php.cn/course.html" >Course</a></div><div class="swiper-slide"><a href="http://m.php.cn/faq/zt" >Topic</a></div><div class="swiper-slide"><a href="http://m.php.cn/xiazai" >Download</a></div><div class="swiper-slide"><a href="http://m.php.cn/game" >Game</a></div><div class="swiper-slide"><a href="http://m.php.cn/dic.html" >Dictionary</a></div><div class="clear"></div></div></div><div class="langadivs" ><a href="javascript:;" class="bg4 bglanguage"></a><div class="langadiv" ><a onclick="javascript:setlang('zh-cn');" class="language course-right-orders chooselan " href="javascript:;"><span>简体中文</span><span>（ZH-CN）</span></a><a onclick="javascript:;" class="language course-right-orders chooselan chooselanguage" href="javascript:;"><span>English</span><span>（EN）</span></a><a onclick="javascript:setlang('zh-tw');" class="language course-right-orders chooselan " href="javascript:;"><span>繁体中文</span><span>（ZH-TW）</span></a><a onclick="javascript:setlang('ja');" class="language course-right-orders chooselan " href="javascript:;"><span>日本語</span><span>（JA）</span></a><a onclick="javascript:setlang('ko');" class="language course-right-orders chooselan " href="javascript:;"><span>한국어</span><span>（KO）</span></a><a onclick="javascript:setlang('ms');" class="language course-right-orders chooselan " href="javascript:;"><span>Melayu</span><span>（MS）</span></a><a onclick="javascript:setlang('fr');" class="language course-right-orders chooselan " href="javascript:;"><span>Français</span><span>（FR）</span></a><a onclick="javascript:setlang('de');" class="language course-right-orders chooselan " href="javascript:;"><span>Deutsch</span><span>（DE）</span></a></div></div><script> var swiper = new Swiper('.nphpNavSwiper1', {
slidesPerView : 'auto',
observer: true,//修改swiper自己或子元素时，自动初始化swiper
observeParents: true,//修改swiper的父元素时，自动初始化swiper
});
</script></div></div><!--顶部导航 end--><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>