给大家收集整理了一些最常用的HTML标签元素，有需要的朋友可以保存一下，这些都是最常用的，几乎每一份网页都用得到的标签。标签是提供关于HTML文档的元数据。元数据不会显示在页面上，但是对于机器是可读的。它可用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他 web 服务。
创建一个HTML文档
设置文档标题和其它在网页中不显示的信息
设置文档的标题
最大的标题
预先格式化文本
下划线
黑体字
斜体字
打字机风格的字体
引用,通常是斜体
强调文本(通常是斜体加黑体)
加重文本(通常是斜体加黑体)
设置字体大小从1到7，颜色使用名字或RGB的十六进制值
基准字体标记
字体加大
字体缩小
键盘字
范例
变量
向右缩排
述语定义
地址标记
上标字
下标字
<![CDATA[...]]>固定寬度字体(在文件中空白、換行、定位功能有效)
<![CDATA[...</plaintext>固定寬度字體(不執行標記符號)</p>
<p><listing>...</listing> 固定寬度小字體 </p>
<p><font color=00ff00>...</font>字體顏色</p>
<p><font size=1>...</font>最小字體 </p>
<p><font style ='<a href="//m.sbmmt.com/wiki/807.html" target="_blank">font-size</a>:100 px'>...</font>無限增大 </p>
<p> </p>
<p>格式标志标签</p>
<p><p></p> 创建一个段落 </p>
<p><p align=""> 将段落按左、中、右对齐 </p>
<p><br> 换行 插入换行符 </p>
<p><blockquote></blockquote> 从两边缩进文本</p>
<p><dl></dl> 定义列表</p>
<p><dt> 放在每个定义术语词前</p>
<p><dd> 放在每个定义之前</p>
<p><ol></ol> 创建一个标有数字的列表 </p>
<p><ul></ul> 创建一个标有圆点的列表</p>
<p><li> 放在每个列表项之前,若在<ol></ol>之间则每个列表项加上一个数字,</p>
<p> 若在<ul></ul>之间则每个列表项加上一个圆点 </p>
<p><div align=""></div> Used to typeset large HTML paragraphs and also used to format tables </p>
<p><MENU> Option list </p>
<p><DIR> Directory list </p>
<p><nobr>< ;/nobr> Force no line breaks</p>
<p><hr size='9' width='80%' color='ff0000'>Horizontal line (set width) </p>
<p><center> </center> Center horizontally </p>
<p>Link flag<a href="//m.sbmmt.com/code/5947.html" target="_blank">Table</a>Mark</p>
<p><a href="URL"></a> Create hypertext link </p> <p><a href="mailtEMAIL"></p>
<p></a> Create a link to automatically send an email </p>
<p><a name="name">< /a> Create a bookmark located inside the document</p>
<p><a href="#name"></a> Create a link to a bookmark located inside the document</p>
<p><BASE> document The URL of all other link sources that cannot be recognized by this site</p>
<p><LINK> Define the relationship between a link and the source </p>
<p>Link tag annotation:</p>
<p>◆ target = "..." determines where the link source is displayed (user-defined name, _blank, _parent, _self, _top</p>
<p>◆rel="..." type of link to send </p>
<p>◆rev="..."Save the type of link</p>
<p>◆accesskey="..."Specify the hotkey for this element</p>
<p>◆shape="..."Allow us Use a defined shape to define the client's graphic image (default, rect, circle, poly</p>
<p>◆coord="..."Use pixels or length percentage to define the size of the shape</p>
<p>◆tabindex = "..." Use the defined tabindex element to set the focus acquisition order between each element (use the tab key to get the element focus) </p>
<p>Most tags can be controlled through CSS To change the style to achieve the layout effect we want, we must master the HTML tags </p>
<p>Related reading: </p>
<p><a href="//m.sbmmt.com/div-tutorial-380947.html" target="_self">htmlInsert comment tags in the source code<!- - ...--></a></p>
<p><a href="//m.sbmmt.com/div-tutorial-380654.html" target="_self">Detailed introduction to marquee tags in html</a></p>
<p><a href="//m.sbmmt.com/html5-tutorial-380159.html" target="_self">H5 Introduction to semantic tags</a></p><p>The above is the detailed content of Summary of commonly used HTML tag elements. For more information, please follow other related articles on the PHP Chinese website!</p></div><div class="nphpQianMsg"><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="How to set transparency in css" href="//m.sbmmt.com/m/faq/381505.html">How to set transparency in css</a></span><span>Next article：<a class="dBlack" title="How to set transparency in css" href="//m.sbmmt.com/m/faq/381508.html">How to set transparency in css</a></span></div><div class="nphpSytBox2"><div class="nphpZbktTitle"><h2>Related articles</h2><em><a href="//m.sbmmt.com/m/article.html" class="bBlack"><i>See more</i><b></b></a></em><div class="clear"></div></div><ul class="nphpXgwzList"><li><b></b><a href="//m.sbmmt.com/m/faq/348757.html" title="Summary of Html knowledge" class="aBlack">Summary of Html knowledge</a><div class="clear"></div></li><li><b></b><a href="//m.sbmmt.com/m/faq/348804.html" title="How to learn HTML quickly" class="aBlack">How to learn HTML quickly</a><div class="clear"></div></li><li><b></b><a href="//m.sbmmt.com/m/faq/348873.html" title="The difference between html xhtml xml" class="aBlack">The difference between html xhtml xml</a><div class="clear"></div></li><li><b></b><a href="//m.sbmmt.com/m/faq/348884.html" title="The difference between src and href attributes" class="aBlack">The difference between src and href attributes</a><div class="clear"></div></li><li><b></b><a href="//m.sbmmt.com/m/faq/348902.html" title="About HTML5 and CSS replacement use" class="aBlack">About HTML5 and CSS replacement use</a><div class="clear"></div></li></ul></div></div><div class="nphpFoot"><div class="nphpFootBg"><ul class="nphpFootMenu"><li><a href="//m.sbmmt.com/m/"><b class="icon1"></b><p>Home</p></a></li><li><a href="//m.sbmmt.com/m/course.html"><b class="icon2"></b><p>Course</p></a></li><li><a href="//m.sbmmt.com/m/wenda.html"><b class="icon4"></b><p>Q&A</p></a></li><li><a href="//m.sbmmt.com/m/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="//m.sbmmt.com/m/"></a><div class="clear"></div></div><ul class="nphpYouList"><li><a href="//m.sbmmt.com/m/"><b class="icon1"></b><span>Home</span><div class="clear"></div></a></li><li><a href="//m.sbmmt.com/m/course.html"><b class="icon2"></b><span>Course</span><div class="clear"></div></a></li><li><a href="//m.sbmmt.com/m/article.html"><b class="icon3"></b><span>Article</span><div class="clear"></div></a></li><li><a href="//m.sbmmt.com/m/wenda.html"><b class="icon4"></b><span>Q&A</span><div class="clear"></div></a></li><li><a href="//m.sbmmt.com/m/dic.html"><b class="icon6"></b><span>Dictionary</span><div class="clear"></div></a></li><li><a href="//m.sbmmt.com/m/course/type/99.html"><b class="icon7"></b><span>Manual</span><div class="clear"></div></a></li><li><a href="//m.sbmmt.com/m/xiazai/"><b class="icon8"></b><span>Download</span><div class="clear"></div></a></li><li><a href="//m.sbmmt.com/m/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="//m.sbmmt.com/m/"></a></div><div class="nphpNavIn1"><div class="swiper-container nphpNavSwiper1"><div class="swiper-wrapper"><div class="swiper-slide"><a href="//m.sbmmt.com/m/" >Home</a></div><div class="swiper-slide"><a href="//m.sbmmt.com/m/article.html" class="hover">Article</a></div><div class="swiper-slide"><a href="//m.sbmmt.com/m/wenda.html" >Q&A</a></div><div class="swiper-slide"><a href="//m.sbmmt.com/m/course.html" >Course</a></div><div class="swiper-slide"><a href="//m.sbmmt.com/m/faq/zt" >Topic</a></div><div class="swiper-slide"><a href="//m.sbmmt.com/m/xiazai" >Download</a></div><div class="swiper-slide"><a href="//m.sbmmt.com/m/game" >Game</a></div><div class="swiper-slide"><a href="//m.sbmmt.com/m/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></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>
]]></plaintext></p></div></div>
