Heim  >  Artikel  >  Web-Frontend  >  Zusammenfassung häufig verwendeter HTML-Tag-Elemente

Zusammenfassung häufig verwendeter HTML-Tag-Elemente

php中世界最好的语言
php中世界最好的语言Original
2017-11-20 13:38:371767Durchsuche

给大家收集整理了一些最常用的HTML标签元素,有需要的朋友可以保存一下,这些都是最常用的,几乎每一份网页都用得到的标签。标签是提供关于HTML文档的元数据。元数据不会显示在页面上,但是对于机器是可读的。它可用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 web 服务。


创建一个HTML文档

设置文档标题和其它在网页中不显示的信息

设置文档的标题        

最大的标题

 预先格式化文本          

下划线

黑体字    

斜体字    

打字机风格的字体

引用,通常是斜体        

强调文本(通常是斜体加黑体)

加重文本(通常是斜体加黑体)

设置字体大小从1到7,颜色使用名字或RGB的十六进制值

基准字体标记

字体加大

字体缩小        

加删除线

程式码          

键盘字

范例    

变量

向右缩排

述语定义

地址标记

上标字    

下标字

...固定寬度字体(在文件中空白、換行、定位功能有效)

...</plaintext>固定寬度字體(不執行標記符號)</p> <p><listing>...</listing> 固定寬度小字體  </p> <p><font color=00ff00>...</font>字體顏色</p> <p><font size=1>...</font>最小字體  </p> <p><font style =&#39;<a href="http://www.php.cn/wiki/807.html" target="_blank">font-size</a>:100 px&#39;>...</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> Wird zum Setzen großer HTML-Absätze und zum Formatieren von Tabellen verwendet </p> <p><MENU&gt><DIR>< /nobr> Keine Zeilenumbrüche erzwingen</p> <p><hr size='9' width='80%' color='ff0000'>Horizontale Linie (Breite festlegen) </p> <p><center> &lt ;/center> Horizontal zentrieren </p> <p>Link-Markierung</p>Tabelle<p>Markierung</p> <p><a href="URL"></a> Hypertext-Link erstellen <a href="http://www.php.cn/code/5947.html" target="_blank"> </a><a href="mailtEMAIL"></p> <p></a> Erstellen Sie einen Link zum automatischen Senden einer E-Mail </p> <p><a name="name">< /a> Erstellen Sie ein Lesezeichen im Dokument </p> <p><a href="#name"></a> Erstellen Sie einen Link zu einem Lesezeichen im Dokument </p> <p>< BASE> Dokument Die URL aller anderen Linkquellen, die von dieser Site nicht erkannt werden können </p> <p><LINK> Definiert die Beziehung zwischen einem Link und der Quelle </p> <p>Link-Tag-Anmerkung: </p> <p>◆ target = „…“ bestimmt, wo die Linkquelle angezeigt wird (benutzerdefinierter Name, _blank,_parent,_self,_top </p> <p>◆rel="..." Art des gesendeten Links </p> <p>◆rev="..." Art des Links speichern </p> <p>◆accesskey="..." Den Hotkey für dieses Element angeben </p> <p>◆shape="... " ermöglicht es uns, eine definierte Form zu verwenden, um den grafischen Spiegel des Kunden zu definieren (Standard, Rechteck, Kreis, Poly</p> <p>◆coord="..." Verwenden Sie Pixel oder Längenprozentsätze, um die Größe der Form zu definieren</p> <p>◆tabindex = "..." Verwenden Sie das definierte Tabindex-Element, um die Reihenfolge der Fokuserfassung zwischen den einzelnen Elementen festzulegen (verwenden Sie die Tabulatortaste, um den Fokus auf das Element zu richten). </p> <p>Die meisten Tags können über CSS gesteuert werden Ändern Sie den Stil, um den gewünschten Layouteffekt zu erzielen. Daher müssen wir die HTML-Tags beherrschen </p> <p>Verwandte Lektüre: </p> <p></p>html Kommentar-Tags in den Quellcode einfügen<!- - .. .--><p></p> <p><a href="http://www.php.cn/div-tutorial-380947.html" target="_self">Detaillierte Einführung in Marquee-Tags in HTML</a></p> <p><a href="http://www.php.cn/div-tutorial-380654.html" target="_self">Einführung in semantische H5-Tags</a></p><p>Das obige ist der detaillierte Inhalt vonZusammenfassung häufig verwendeter HTML-Tag-Elemente. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!</p></div><div class="nphpQianMsg"><div class="clear"></div></div><div class="nphpQianSheng"><span>Stellungnahme:</span><div>Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn</div></div></div><div class="nphpSytBox"><span>Vorheriger Artikel:<a class="dBlack" title="So legen Sie Transparenz in CSS fest" href="https://m.php.cn/de/faq/381505.html">So legen Sie Transparenz in CSS fest</a></span><span>Nächster Artikel:<a class="dBlack" title="So legen Sie Transparenz in CSS fest" href="https://m.php.cn/de/faq/381508.html">So legen Sie Transparenz in CSS fest</a></span></div><div class="nphpSytBox2"><div class="nphpZbktTitle"><h2>In Verbindung stehende Artikel</h2><em><a href="https://m.php.cn/de/article.html" class="bBlack"><i>Mehr sehen</i><b></b></a></em><div class="clear"></div></div><ul class="nphpXgwzList"><li><b></b><a href="https://m.php.cn/de/faq/348757.html" title="Zusammenfassung der HTML-Kenntnisse" class="aBlack">Zusammenfassung der HTML-Kenntnisse</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/de/faq/348804.html" title="So lernen Sie schnell HTML" class="aBlack">So lernen Sie schnell HTML</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/de/faq/348873.html" title="Der Unterschied zwischen HTML xHTML XML" class="aBlack">Der Unterschied zwischen HTML xHTML XML</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/de/faq/348884.html" title="Der Unterschied zwischen src- und href-Attributen" class="aBlack">Der Unterschied zwischen src- und href-Attributen</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/de/faq/348902.html" title="Über die Verwendung von HTML5 und CSS-Ersatz" class="aBlack">Über die Verwendung von HTML5 und CSS-Ersatz</a><div class="clear"></div></li></ul></div></div><footer><div class="footer"><div class="footertop"><img src="/static/imghwm/logo.png" alt=""><p>Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!</p></div><div class="footermid"><a href="https://m.php.cn/de/about/us.html">Über uns</a><a href="https://m.php.cn/de/about/disclaimer.html">Haftungsausschluss</a><a href="https://m.php.cn/de/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>