HTML (HyperText Markup Language) 不是一门编程语言，而是一种用来告知浏览器如何组织页面的标记语言。HTML可复杂、可简单，一切取决于开发者。它由一系列的元素（elements）组成，这些元素可以用来包围不同部分的内容，使其以某种方式呈现或者工作。 一对标签（ tags）可以为一段文字或者一张图片添加超链接，将文字设置为斜体，改变字号，等等。 例如下面一行内容：
一点网 – 给你更多技术知识
可以将这行文字封装成一个段落（Paragraph）
元素来使其在单独一行呈现：
<p>一点网 - 给你更多技术知识</p>
注：HTML标签不区分大小写。也就是说，输入标签时既可以使用大写字母也可以使用小写字母。例如，标签
</code>写作<code><title></code>、<code><TITLE></code>、<code><Title></code>、<code><TiTlE></code>，等等都可以正常工作。不过，从一致性、可读性等各方面来说，最好仅使用小写字母。 </p></blockquote> </div> <div class="gaoyuan yc">文章版权声明：除非注明，否则均为<span class="red">一点网</span>原创文章，转载或复制请以超链接形式并注明出处。</div> </div> <footer class="entry-footer"> <div class="post-tags">标签：<a href="https://yidianwang.net/tag/%e6%a0%87%e8%ae%b0%e8%af%ad%e8%a8%80" rel="tag">标记语言</a><a href="https://yidianwang.net/tag/%e7%bc%96%e7%a8%8b%e8%af%ad%e8%a8%80" rel="tag">编程语言</a></div> <div class="readlist ds-reward-stl"> <div class="read_outer zanter" title="打赏"> <p class="dasbox"><a href="javascript:;" onclick="reward()" class="dashang" title="打赏"><i class="fa fa-yen"></i> 打赏</a></p> </div> <div data-action="ding" data-id="125" class="read_outer san-praise-sdk favoritePraise"> <i class="fa fa-heart"></i> 赞(<span class="san-praise-sdk count" >0</span>) </div> <div class="read_outer"><a class="read" href="javascript:;" title="阅读模式"><i class="fa fa-send"></i> 阅读</a></div> <div id="mClick" class="mobile_click"> <div class="share"> <div class="Menu-item"><a href="#"><i class="fa fa-qq"></i> QQ 分享</a></div> <div class="Menu-item"><a href="#"><i class="fa fa-weibo"></i> 微博分享</a></div> <div class="Menu-item"><i class="fa fa-weixin"></i> 微信扫呀<img alt="微信扫一扫" src="https://yidianwang.net/wp-content/themes/yidianwang/images/qrcode.jpg"></div> </div> <i class="fa fa-share" title="分享转发"></i> 分享 </div> </div> </footer> </article> <nav class="single-nav"> <div class="entry-page-prev j-lazy" style="background-image: url(https://yidianwang.net/wp-content/uploads/2021/05/html_1.jpg)"> <a href="https://yidianwang.net/resources/html/107.html" title="HTML基础知识"><span>HTML基础知识</span></a> <div class="entry-page-info"><span class="pull-left">« 上一篇</span><span class="pull-right">2021-05-10</span></div> </div> <div class="entry-page-next j-lazy" style="background-image: url(https://yidianwang.net/wp-content/uploads/2021/05/meta1.png)"> <a href="https://yidianwang.net/resources/html/132.html" title="HTML元数据：meta元素"><span>HTML元数据：meta元素</span></a> <div class="entry-page-info"><span class="pull-right">下一篇 »</span><span class="pull-left">2021-05-17</span></div> </div> </nav> <div class="part-mor"> <h3 class="section-title"><span>相关阅读</span></h3> <ul class="section-cont-tags pic-box-list clearfix"> <li> <a href="https://yidianwang.net/resources/481.html"><i class="pic-thumb"><img class="lazy" src="https://yidianwang.net/wp-content/uploads/2021/09/link.jpg" title="链接样式的作用"></i> <h3>链接样式的作用</h3> <p><b class="datetime">2021-09-17</b><span class="viewd">1,864 人在看</span></p> </a> </li> <li> <a href="https://yidianwang.net/resources/439.html"><i class="pic-thumb"><img class="lazy" src="https://yidianwang.net/wp-content/uploads/2021/08/tab.jpg" title="tabindex属性作用"></i> <h3>tabindex属性作用</h3> <p><b class="datetime">2021-08-24</b><span class="viewd">1,755 人在看</span></p> </a> </li> <li> <a href="https://yidianwang.net/network/404.html"><i class="pic-thumb"><img class="lazy" src="https://yidianwang.net/wp-content/uploads/2021/08/html_3.jpg" title="HTML5客户端存储数据的方法"></i> <h3>HTML5客户端存储数据的方法</h3> <p><b class="datetime">2021-08-04</b><span class="viewd">1,544 人在看</span></p> </a> </li> <li> <a href="https://yidianwang.net/resources/html/346.html"><i class="pic-thumb"><img class="lazy" src="https://yidianwang.net/wp-content/uploads/2021/07/link.jpg" title="HTML超链接目标有哪几种"></i> <h3>HTML超链接目标有哪几种</h3> <p><b class="datetime">2021-07-06</b><span class="viewd">1,810 人在看</span></p> </a> </li> </ul> </div> <section id="comments"> <div id="comt-respond" class="commentpost wow fadeInDown"> <h4>发表评论</h4> <form id="frmSumbit" method="post" action="https://yidianwang.net/wp-comments-post.php"> <div class="comt-box"> <div class="form-group liuyan form-name"> <input type="text" id="inpName" class="text" value="" name="author" tabindex="1" placeholder="昵称"> </div> <div class="form-group liuyan form-email"> <input type="text" id="inpEmail" class="text" value="" name="email" tabindex="2" placeholder="邮箱(*)"> </div> <div class="form-group liuyan form-www"> <input type="text" id="inpHomePage" value="" name="url" class="text" tabindex="3" placeholder="网址"> </div> </div> <div id="comment-tools"> <div class="tools_text"> <textarea placeholder="请遵守相关法律与法规，文明评论。O(∩_∩)O~~" name="comment" id="comment" class="text input-block-level comt-area" cols="50" rows="4" tabindex="5"></textarea> </div> </div> <div class="psumbit"> <div class="tools_title"> <span class="com-title">表情：</span><a href="javasript:;" class="face-show"><i class="fa fa-smile-o"></i></a> <div id="ComtoolsFrame" class="ComtoolsFrame" style="display: none;"> <script type="text/javascript"> /* <![CDATA[ */ function grin(tag) { var myField; tag = ' ' + tag + ' '; if (document.getElementById('comment') && document.getElementById('comment').type == 'textarea') { myField = document.getElementById('comment'); } else { return false; } if (document.selection) { myField.focus(); sel = document.selection.createRange(); sel.text = tag; myField.focus(); } else if (myField.selectionStart || myField.selectionStart == '0') { var startPos = myField.selectionStart; var endPos = myField.selectionEnd; var cursorPos = endPos; myField.value = myField.value.substring(0, startPos) + tag + myField.value.substring(endPos, myField.value.length); cursorPos += tag.length; myField.focus(); myField.selectionStart = cursorPos; myField.selectionEnd = cursorPos; } else { myField.value += tag; myField.focus(); } } /* ]]> */ </script> <a href="javascript:grin(':大眼:')"><img width="20" height="20" src="https://yidianwang.net/wp-content/themes/yidianwang/images/smilies/1.gif" alt="大眼" /></a> <a href="javascript:grin(':可爱:')"><img width="20" height="20" src="https://yidianwang.net/wp-content/themes/yidianwang/images/smilies/2.gif" alt="可爱" /></a> <a href="javascript:grin(':大笑:')"><img width="20" height="20" src="https://yidianwang.net/wp-content/themes/yidianwang/images/smilies/3.gif" alt="大笑" /></a> <a href="javascript:grin(':坏笑:')"><img width="20" height="20" src="https://yidianwang.net/wp-content/themes/yidianwang/images/smilies/4.gif" alt="坏笑" /></a> <a href="javascript:grin(':害羞:')"><img width="20" height="20" src="https://yidianwang.net/wp-content/themes/yidianwang/images/smilies/5.gif" alt="害羞" /></a> <a href="javascript:grin(':发怒:')"><img width="20" height="20" src="https://yidianwang.net/wp-content/themes/yidianwang/images/smilies/6.gif" alt="发怒" /></a> <a href="javascript:grin(':折磨:')"><img width="20" height="20" src="https://yidianwang.net/wp-content/themes/yidianwang/images/smilies/7.gif" alt="折磨" /></a> <a href="javascript:grin(':快哭了:')"><img width="20" height="20" src="https://yidianwang.net/wp-content/themes/yidianwang/images/smilies/8.gif" alt="快哭了" /></a> <a href="javascript:grin(':大哭:')"><img width="20" height="20" src="https://yidianwang.net/wp-content/themes/yidianwang/images/smilies/9.gif" alt="大哭" /></a> <a href="javascript:grin(':白眼:')"><img width="20" height="20" src="https://yidianwang.net/wp-content/themes/yidianwang/images/smilies/10.gif" alt="白眼" /></a> <a href="javascript:grin(':晕:')"><img width="20" height="20" src="https://yidianwang.net/wp-content/themes/yidianwang/images/smilies/11.gif" alt="晕" /></a> <a href="javascript:grin(':流汗:')"><img width="20" height="20" src="https://yidianwang.net/wp-content/themes/yidianwang/images/smilies/12.gif" alt="流汗" /></a> <a href="javascript:grin(':困:')"><img width="20" height="20" src="https://yidianwang.net/wp-content/themes/yidianwang/images/smilies/13.gif" alt="困" /></a> <a href="javascript:grin(':腼腆:')"><img width="20" height="20" src="https://yidianwang.net/wp-content/themes/yidianwang/images/smilies/14.gif" alt="腼腆" /></a> <a href="javascript:grin(':惊讶:')"><img width="20" height="20" src="https://yidianwang.net/wp-content/themes/yidianwang/images/smilies/15.gif" alt="惊讶" /></a> <a href="javascript:grin(':憨笑:')"><img width="20" height="20" src="https://yidianwang.net/wp-content/themes/yidianwang/images/smilies/16.gif" alt="憨笑" /></a> <a href="javascript:grin(':色:')"><img width="20" height="20" src="https://yidianwang.net/wp-content/themes/yidianwang/images/smilies/17.gif" alt="色" /></a> <a href="javascript:grin(':得意:')"><img width="20" height="20" src="https://yidianwang.net/wp-content/themes/yidianwang/images/smilies/18.gif" alt="得意" /></a> <a href="javascript:grin(':骷髅:')"><img width="20" height="20" src="https://yidianwang.net/wp-content/themes/yidianwang/images/smilies/19.gif" alt="骷髅" /></a> <a href="javascript:grin(':囧:')"><img width="20" height="20" src="https://yidianwang.net/wp-content/themes/yidianwang/images/smilies/20.gif" alt="囧" /></a> <a href="javascript:grin(':睡觉:')"><img width="20" height="20" src="https://yidianwang.net/wp-content/themes/yidianwang/images/smilies/21.gif" alt="睡觉" /></a> <a href="javascript:grin(':眨眼:')"><img width="20" height="20" src="https://yidianwang.net/wp-content/themes/yidianwang/images/smilies/22.gif" alt="眨眼" /></a> <a href="javascript:grin(':亲亲:')"><img width="20" height="20" src="https://yidianwang.net/wp-content/themes/yidianwang/images/smilies/23.gif" alt="亲亲" /></a> <a href="javascript:grin(':疑问:')"><img width="20" height="20" src="https://yidianwang.net/wp-content/themes/yidianwang/images/smilies/24.gif" alt="疑问" /></a> <a href="javascript:grin(':闭嘴:')"><img width="20" height="20" src="https://yidianwang.net/wp-content/themes/yidianwang/images/smilies/25.gif" alt="闭嘴" /></a> <a href="javascript:grin(':难过:')"><img width="20" height="20" src="https://yidianwang.net/wp-content/themes/yidianwang/images/smilies/26.gif" alt="难过" /></a> <a href="javascript:grin(':淡定:')"><img width="20" height="20" src="https://yidianwang.net/wp-content/themes/yidianwang/images/smilies/27.gif" alt="淡定" /></a> <a href="javascript:grin(':抗议:')"><img width="20" height="20" src="https://yidianwang.net/wp-content/themes/yidianwang/images/smilies/28.gif" alt="抗议" /></a> <a href="javascript:grin(':鄙视:')"><img width="20" height="20" src="https://yidianwang.net/wp-content/themes/yidianwang/images/smilies/29.gif" alt="鄙视" /></a> <a href="javascript:grin(':猪头:')"><img width="20" height="20" src="https://yidianwang.net/wp-content/themes/yidianwang/images/smilies/30.gif" alt="猪头" /></a> </div> </div> <input name="submit" type="submit" tabindex="6" value="提交" class="button" /> </div> <input type='hidden' name='comment_post_ID' value='125' id='comment_post_ID' /> <input type='hidden' name='comment_parent' id='comment_parent' value='0' /> </form> </div><div class="commentlist"> <div class="comment-tab"> <div class="come-comt">评论列表<span id="comment_count">（有 <span style="color:#E1171B">0</span> 条评论，<span style="color:#E1171B">1,314</span>人围观）</span> </div> </div> <h2 class="comment-text-center"><i class="fa fa-frown-o"></i>还没有评论，来说两句吧...</h2> </div> </section> </div> <div class="side fr"> <section class="widget abautor"> <div class="widget-list"> <div class="widget_avatar" style="background-image: url(https://yidianwang.net/wp-content/uploads/2021/04/bg_wall-4.jpg);"> <a href="https://yidianwang.net/about"><img class="widget-about-image" src="https://yidianwang.net/wp-content/themes/yidianwang/images/dian.png" alt="admin" height="70" width="70"></a> </div> <div class="widget-about-intro"> <div class="name"> <h3><a href="https://yidianwang.net/about" rel="nofollow" title="一点网">一点网<span class="autlv aut-1 vs-level">V</span></a></h3> <p class="widget-about-desc">网络技术服务，建站技巧和互联网技术为一体站点。一点网，简单、实用、便捷。</p> </div> </div> <div class="webinfo"> <div class="item"><span class="num">326</span><span>文章</span></div> <div class="item"><span class="num">123</span><span>评论</span></div> <div class="item"><span class="num">560261</span><span>浏览</span></div> </div> </div> </section> <section class="widget wow fadeInDown" id="side_hot"> <h3 class="widget-title"><i class="fa fa-side_hot"></i><span>本月热榜</span></h3> <div class="widget-box side_hot"> <div class="hotimg"> <div class="list-item list-overlay-content"> <div class="media media-2x1"> <a class="media-content" title="PHP实现文章摘要内容不换行显示" href="https://yidianwang.net/resources/php/936.html" target="_blank" style="background-image:url(https://yidianwang.net/wp-content/uploads/2024/11/excerpt_content.jpg)"></a> </div> <div class="list-content"> <div class="list-body"><a title="PHP实现文章摘要内容不换行显示" href="https://yidianwang.net/resources/php/936.html" class="list-title h-2x">PHP实现文章摘要内容不换行显示</a></div> <div class="list-footer"> <div class="text-muted text-xs"><time class="d-inline-block"> 46阅读 | 11/13</time></div> </div> </div> </div> </div> </div> </section> <section class="widget" id="divPrevious"> <h3 class="widget-title"><i class="fa fa-divPrevious"></i><span>最近文章</span></h3> <ul class="widget-box divPrevious"> <li class="clr"> <a href="https://yidianwang.net/resources/php/936.html" title="PHP实现文章摘要内容不换行显示" target="_blank"> <div class="time"><span class="r">13</span>/<span class="y">11月</span></div> <h4 class="title">PHP实现文章摘要内容不换行显示</h4> </a> </li> <li class="clr"> <a href="https://yidianwang.net/resources/wp/933.html" title="WordPress文章评论功能批量打开或关闭方法" target="_blank"> <div class="time"><span class="r">22</span>/<span class="y">10月</span></div> <h4 class="title">WordPress文章评论功能批量打开或关闭方法</h4> </a> </li> <li class="clr"> <a href="https://yidianwang.net/resources/wp/930.html" title="WordPress多个分类文章重复和数量限制的解决方法" target="_blank"> <div class="time"><span class="r">21</span>/<span class="y">08月</span></div> <h4 class="title">WordPress多个分类文章重复和数量限制的解决方法</h4> </a> </li> <li class="clr"> <a href="https://yidianwang.net/technic/924.html" title="网站垂直滚动条悬停显示效果" target="_blank"> <div class="time"><span class="r">26</span>/<span class="y">05月</span></div> <h4 class="title">网站垂直滚动条悬停显示效果</h4> </a> </li> <li class="clr"> <a href="https://yidianwang.net/network/919.html" title="CDN加速应用场景" target="_blank"> <div class="time"><span class="r">05</span>/<span class="y">04月</span></div> <h4 class="title">CDN加速应用场景</h4> </a> </li> </ul> </section> <section class="widget fadeInDown" id="divTags"> <h3 class="widget-title"> <i class="fa fa-divTags"></i><span>标签列表</span> </h3> <ul class="widget-box divTags"> <li><a href="https://yidianwang.net/tag/wordpress" target="_blank">wordpress</a></li><li><a href="https://yidianwang.net/tag/%e7%ba%bf%e6%80%a7%e8%a1%a8" target="_blank">线性表</a></li><li><a href="https://yidianwang.net/tag/linux%e6%9c%8d%e5%8a%a1%e5%99%a8" target="_blank">Linux服务器</a></li><li><a href="https://yidianwang.net/tag/windows-11" target="_blank">Windows 11</a></li><li><a href="https://yidianwang.net/tag/%e7%bd%91%e7%ab%99%e5%bb%ba%e8%ae%be" target="_blank">网站建设</a></li><li><a href="https://yidianwang.net/tag/%e5%be%ae%e4%bf%a1" target="_blank">微信</a></li><li><a href="https://yidianwang.net/tag/woocommerce" target="_blank">WooCommerce</a></li><li><a href="https://yidianwang.net/tag/windows-10" target="_blank">windows 10</a></li><li><a href="https://yidianwang.net/tag/%e9%80%bb%e8%be%91%e7%bb%93%e6%9e%84" target="_blank">逻辑结构</a></li><li><a href="https://yidianwang.net/tag/tcp" target="_blank">TCP</a></li><li><a href="https://yidianwang.net/tag/%e7%bd%91%e7%ab%99%e4%bc%98%e5%8c%96" target="_blank">网站优化</a></li><li><a href="https://yidianwang.net/tag/dom" target="_blank">DOM</a></li><li><a href="https://yidianwang.net/tag/%e9%a1%ba%e5%ba%8f%e8%a1%a8" target="_blank">顺序表</a></li><li><a href="https://yidianwang.net/tag/%e5%ad%98%e5%82%a8%e7%bb%93%e6%9e%84" target="_blank">存储结构</a></li><li><a href="https://yidianwang.net/tag/%e6%95%b0%e6%8d%ae%e7%bb%93%e6%9e%84" target="_blank">数据结构</a></li> </ul> </section> </div> </div> <div class="hidebody"></div> <div class="showbody"> <a class="showbody_c" href="javascript:;" onclick="reward()" title="关闭"><img src="https://yidianwang.net/wp-content/themes/yidianwang/images/close.png" alt="取消" /></a> <div class="reward_img"><img class="alipay_qrcode" src="https://yidianwang.net/wp-content/themes/yidianwang/images/zfbsk.jpg" alt="支付宝二维码" /></div> <div class="reward_bg"> <div class="pay_box choice" data-id="https://yidianwang.net/wp-content/themes/yidianwang/images/zfbsk.jpg"> <span class="pay_box_span"></span><span class="qr_code"><img src="https://yidianwang.net/wp-content/themes/yidianwang/images/alipay.svg" alt="支付宝二维码" /></span> </div> <div class="pay_box" data-id="https://yidianwang.net/wp-content/themes/yidianwang/images/wbsk.jpg"> <span class="pay_box_span"></span><span class="qr_code"><img src="https://yidianwang.net/wp-content/themes/yidianwang/images/wechat.svg" alt="微信二维码" /></span> </div> </div> </div> </main> <script type='text/javascript' src='https://yidianwang.net/wp-includes/js/wp-embed.min.js' id='wp-embed-js'></script> <footer class="site-footer footer"> <div class="site-info clearfix"> <div class="container"> <div class="footer-left"> <div class="footer-l-top clearfix"> <a href="https://yidianwang.net/guestbook" title="网友留言" target="_blank"><i class="fa fa-comment"></i>网友留言</a> <a href="https://yidianwang.net/tags" title="标签列表" target="_blank" ><i class="fa fa-tasks"></i>标签列表</a> <a href="https://yidianwang.net/sitemap.xml" target="_blank" <i class="fa fa-sitemap"></i> 网站地图</a> </div> <div class="footer-l-btm"> <p class="top-text"> Copyright © 2017-2028<a href="https://yidianwang.net/" rel="nofollow">一点网</a>版权所有.本站基于<a href="https://wordpress.org" rel="nofollow" title="wordpress" target="_blank">WordPress程序</a>搭建.由阿里云服务器提供技术支持. </p> <p class="jubao"><a href="https://www.12377.cn/" target="_blank" rel="nofollow">网上有害信息举报专区</a>举报邮箱：yidianwangnet@163.com</p> <p class="btm-text"><a class="beian-ico" href="https://beian.miit.gov.cn/" title="" target="_blank" rel="nofollow"> <img src="https://yidianwang.net/wp-content/themes/yidianwang/images/icp.png" alt="ICP">鲁ICP备2021014368号-2 </a><a class="beian-ico" href="https://beian.mps.gov.cn/#/query/webSearch?code=37087302000041" title="网安" target="_blank" rel="nofollow"> <img src="https://yidianwang.net/wp-content/themes/yidianwang/images/beian.png" alt="">鲁公网安备 37087302000041</a> </p> </div> </div> <div class="footer-right"> <div class="wxcode"> <img alt="QQ扫一扫" src="https://yidianwang.net/wp-content/themes/yidianwang/images/wxminiprogram.jpg"> </div> </div> </div> </div> <div id="backtop" class="backtop"> <div class="bt-box top"> <i class="fa fa-angle-up fa-2x"></i> </div> <div class="bt-box qq"> <a href="http://wpa.qq.com/msgrd?v=3&uin=1696128890&site=qq&menu=yes" rel="nofollow" target="_blank" title=""> <i class="fa fa-qq fa-2x"></i> </a> </div> <div class="bt-box bottom"> <i class="fa fa-angle-down fa-2x"></i> </div> </div> <script src="https://yidianwang.net/wp-content/themes/yidianwang/js/jquery-2.2.4.min.js"></script> <script src="https://yidianwang.net/wp-content/themes/yidianwang/js/jquery.lazyload.js"></script> <script src="https://yidianwang.net/wp-content/themes/yidianwang/js/wp.js"></script> <script src="https://yidianwang.net/wp-content/themes/yidianwang/js/js.js"></script> <script src="https://yidianwang.net/wp-content/themes/yidianwang/js/custom.js"></script> <script src="https://yidianwang.net/wp-content/themes/yidianwang/js/fancybox.min.js"></script> <script src="https://yidianwang.net/wp-content/themes/yidianwang/js/prettify.js"></script> </footer> </body> </html>