HTML 是什么？表示超文本标记语言（Hyper Text Markup Language）描述了网页的结构由一些列元素组成元素告诉浏览器如何显示内容，由标签表示标签标记了“标题”，“段落”，“表”等内容浏览器不显示HTMl标记，而是使用它们来呈现页面内容基本结构
无标题文档 // 页面源代码内容 ，文档声明，位于文档最前面位置。元素是一个HTML页面的根元素，元素包含关于文档的元信息
，定义文档元数据，常用来描述当前页面的特性，比如文档字符集 charset="utf-8"
，元素指定该文档的标题<body>，元素包含可见页面的所有内容
<!--版权说明-->
<div class="copy-declare">
<p>1.《html的基本结构 HTML 基本结构》援引自互联网，旨在传递更多网络信息知识，仅代表作者本人观点，与本网站无关，侵删请联系页脚下方联系方式。</p>
<p>2.《html的基本结构 HTML 基本结构》仅供读者参考，本网站未对该内容进行证实，对其原创性、真实性、完整性、及时性不作任何保证。</p>
<p>3.文章转载时请保留本站内容来源地址，https://www.lu-xu.com/keji/347345.html</p>
</div>
<!--版权说明-->
<!--分页导航-->
<div class="post-pagination"> </div>
<!--分页导航-->
<!--内容底部广告-->
<div class="ad2">
<div class="pcd_ad"><script src="//www.lu-xu.com/d/js/acmsd/thea19.js?v=2022"></script></div>
<div class="mbd_ad"> </div>
</div>
<!--内容底部广告-->
</div>
<!--分享点赞-->
<div class="single-share">
<!--分享-->
<div class="post-share"> <a title="分享"><i class="icon-add"></i></a>
<div class="share-icons" data-title="html的基本结构 HTML 基本结构" data-url="https://www.lu-xu.com/keji/347345.html">
<span class="share-wechat" data-type="wechat" title="分享到微信"><i class="icon-weixin"></i> <span id="wechat-qrcode"></span> </span>
<span class="share-sina-weibo" data-type="weibo" title="分享到微博"><i class="icon-weibo"></i></span>
<span class="share-qq" data-type="qq" title="分享到QQ好友"><i class="icon-qq"></i></span>
</div>
</div>
<!--点赞-->
<div class="post-like"> <a href="javascript:void(0);" title="点个赞" class="sf-praise-sdk dotGood" > <i class="icon-thumb-up-line"></i> </a> </div>
</div>
</div>
<!--点赞-->
<!--分享点赞-->
<!--上一篇下一篇-->
<div class="posts-navigation single-entry-section clearfix">
<div class="posts-navigation__prev">
<article class="post--overlay post--overlay-bottom post--overlay-floorfade">
<div class="background-img" style="background-image:url('//www.lu-xu.com/skin/luxiansheng/images/default/default11.jpg')"> </div>
<div class="post__text inverse-text">
<div class="post__text-wrap">
<div class="post__text-inner"> <span><i class="icon-angle-left"></i>上一篇</span>
<h3 class="post__title typescale-1 nav-prev">svg转png 前端实现 SVG 转 PNG</h3>
</div>
</div>
</div>
<a href="/keji/347343.html" class="link-overlay"></a> </article>
</div>
<div class="posts-navigation__next">
<article class="post--overlay post--overlay-bottom post--overlay-floorfade">
<div class="background-img" style="background-image:url('//www.lu-xu.com/skin/luxiansheng/images/default/default2.jpg')"> </div>
<div class="post__text inverse-text">
<div class="post__text-wrap">
<div class="post__text-inner"> <span>下一篇<i class="icon-angle-right"></i></span>
<h3 class="post__title typescale-1 nav-next">sping 阿里架构师分享技术干货Spring+Redis+SpringBoot+Nginx等实践</h3>
</div>
</div>
</div>
<a href="/keji/347379.html" class="link-overlay"></a> </article>
</div>
</div>
<!--上一篇下一篇-->
<!--相关推荐-->
<!--相关推荐-->
</div>
</div>
<!--左侧边栏-->
<aside id="sidebar-left">
<!--关于站长-->
<div class="widget " id="side-new-about-item">
<h3 class="function_t">关于站长</h3>
<div>
<div class="widget-list">
<div id="about-bg">
<h2>鹿先生站长</h2>
</div>
<div class="about_des">
<p>自由工作 自由生活</p>
</div>
<div class="widget-about-image"><mip-img src="//www.lu-xu.com/skin/luxiansheng/images/avatar.jpg" alt="鹿先生站长"></mip-img></div>
<div class="widget-about-intro">
<ul class="about_list">
<li><i class="icon-home"></i>中国·四川</li>
<li><i class="icon-arrow-down"></i>少小不努力，长大当编辑！</li>
<li><i class="icon-mail-line"></i>Email：jubao8@foxmail.com</li>
</ul>
</div>
</div>
</div>
</div>
<!--关于站长-->
<!--最新文章-->
<div class="widget " id="side-new-article-item">
<h3 class="function_t">猜你喜欢</h3>
<ul>
<li class="widget-list-item">
<div class="widget-post-list"> <mip-img src="/d/file/ap/44/a6/620984.jpg" alt="王小庆 男子疯狂集资四千万 生活糜烂拥有六七辆高档车"></mip-img> </div>
<div class="widget-post-list-item">
<div class="list-body"> <a class="list-title" href="/yule/620984.html" target="_blank" rel="bookmark" title="王小庆 男子疯狂集资四千万 生活糜烂拥有六七辆高档车">王小庆 男子疯狂集资四千万 生活糜烂拥有六七辆高档车</a> </div>
<div class="list-footer"> <span>2020-12-23</span> </div>
</div>
<div class="clear"></div>
</li>
<li class="widget-list-item">
<div class="widget-post-list"> <mip-img src="//www.lu-xu.com/d/uploads/2020-12/14/yq33ucgsjt3.jpg" alt="国美电器手机报价 国美家电价格大全"></mip-img> </div>
<div class="widget-post-list-item">
<div class="list-body"> <a class="list-title" href="/fangchan/569639.html" target="_blank" rel="bookmark" title="国美电器手机报价 国美家电价格大全">国美电器手机报价 国美家电价格大全</a> </div>
<div class="list-footer"> <span>2020-12-14</span> </div>
</div>
<div class="clear"></div>
</li>
<li class="widget-list-item">
<div class="widget-post-list"> <mip-img src="/d/file/ap/14/f2/536624.jpg" alt="擅长用英语怎么说 “擅长于”的英语怎么说?"></mip-img> </div>
<div class="widget-post-list-item">
<div class="list-body"> <a class="list-title" href="/jiaoyu/536624.html" target="_blank" rel="bookmark" title="擅长用英语怎么说 “擅长于”的英语怎么说?">擅长用英语怎么说 “擅长于”的英语怎么说?</a> </div>
<div class="list-footer"> <span>2020-12-10</span> </div>
</div>
<div class="clear"></div>
</li>
<li class="widget-list-item">
<div class="widget-post-list"> <mip-img src="//www.lu-xu.com/d/uploads/2020-12/04/hdzxjpl2bdf.jpg" alt="9号台风利奇马 注意！首个台风红色预警发布 第9号台风利奇马影响范围广"></mip-img> </div>
<div class="widget-post-list-item">
<div class="list-body"> <a class="list-title" href="/tiyu/500494.html" target="_blank" rel="bookmark" title="9号台风利奇马 注意！首个台风红色预警发布 第9号台风利奇马影响范围广">9号台风利奇马 注意！首个台风红色预警发布 第9号台风利奇马影响范围广</a> </div>
<div class="list-footer"> <span>2020-12-04</span> </div>
</div>
<div class="clear"></div>
</li>
<li class="widget-list-item">
<div class="widget-post-list"> <mip-img src="//www.lu-xu.com/d/uploads/2020-11/25/incuzpcd0go.png" alt="探索社区家长学校新模式 助力文明家庭和谐社区创建"></mip-img> </div>
<div class="widget-post-list-item">
<div class="list-body"> <a class="list-title" href="/guoji/436778.html" target="_blank" rel="bookmark" title="探索社区家长学校新模式 助力文明家庭和谐社区创建">探索社区家长学校新模式 助力文明家庭和谐社区创建</a> </div>
<div class="list-footer"> <span>2020-11-25</span> </div>
</div>
<div class="clear"></div>
</li>
<li class="widget-list-item">
<div class="widget-post-list"> <mip-img src="//www.lu-xu.com/d/uploads/2020-11/18/12h5oxyiqx5.jpg" alt="decline用法 refuse和decline区别"></mip-img> </div>
<div class="widget-post-list-item">
<div class="list-body"> <a class="list-title" href="/jiaoyu/413596.html" target="_blank" rel="bookmark" title="decline用法 refuse和decline区别">decline用法 refuse和decline区别</a> </div>
<div class="list-footer"> <span>2020-11-18</span> </div>
</div>
<div class="clear"></div>
</li>
<li class="widget-list-item">
<div class="widget-post-list"> <mip-img src="/skin/luxiansheng/images/default/default1.jpg" alt="股票换手率低 股票换手率极低意味什么？"></mip-img> </div>
<div class="widget-post-list-item">
<div class="list-body"> <a class="list-title" href="/caijing/377166.html" target="_blank" rel="bookmark" title="股票换手率低 股票换手率极低意味什么？">股票换手率低 股票换手率极低意味什么？</a> </div>
<div class="list-footer"> <span>2020-11-11</span> </div>
</div>
<div class="clear"></div>
</li>
<li class="widget-list-item">
<div class="widget-post-list"> <mip-img src="//www.lu-xu.com/d/uploads/2020-11/05/3xs5drnuizh.jpg" alt="林星辰 《亲爱的公主病》女主林星辰扮演者是谁？饰演者张予曦个人资料"></mip-img> </div>
<div class="widget-post-list-item">
<div class="list-body"> <a class="list-title" href="/yule/343795.html" target="_blank" rel="bookmark" title="林星辰 《亲爱的公主病》女主林星辰扮演者是谁？饰演者张予曦个人资料">林星辰 《亲爱的公主病》女主林星辰扮演者是谁？饰演者张予曦个人资料</a> </div>
<div class="list-footer"> <span>2020-11-05</span> </div>
</div>
<div class="clear"></div>
</li>
</ul>
</div>
</aside>
<!--最新文章-->
<!--侧边栏-->
<aside id="sidebar-right">
<div class="widget " id="side-gonggao">
<h3 class="function_t">头条推荐</h3>
<div>
<div class="jz_textbanner"> <a class="style02" href="/jiaoyu/419725.html" target="_blank"><strong>头条文章</strong>
<h2>贵州2018高考分数线 2018年贵州高考分数线【最新公布】</h2>
<p>导读 : 现在贵州的高考分数线已经公布了，相信同学们都是非常的想知道，贵州各批次的高考分数线是多少的，小编整理了相关信息，希望会对大家有所帮助！贵州文理科分数线是多少第一批本科院校的最低投档控制分数线为理工类484分，文史类575 分；第二批本科院校的最低投档控制分数线为理工类 37...</p>
</a> </div>
</div>
</div>
<div class="ad2 sidebarAD">
<script src='//www.lu-xu.com/d/js/acmsd/thea22.js?v=2022'></script>
</div>
<!--按点击排序-->
<div class="widget " id="side-hot-view-item">
<h3 class="function_t">相关推荐</h3>
<ul>
<li class="widget-list-item">
<div class="widget-post-list"> <mip-img src="/d/file/ap/a3/5b/2203864.jpg" alt="“元宇宙”房产并没有居住功能，虚拟地产属于一种风险投资"></mip-img> </div>
<div class="widget-post-list-item">
<div class="list-body"> <a class="list-title" href="/keji/2203864.html" target="_blank" rel="bookmark" title="“元宇宙”房产并没有居住功能，虚拟地产属于一种风险投资">“元宇宙”房产并没有居住功能，虚拟地产属于一种风险投资</a> </div>
<div class="list-footer"> <span>2022-03-03</span> </div>
</div>
<div class="clear"></div>
</li>
<li class="widget-list-item">
<div class="widget-post-list"> <mip-img src="/d/file/ap/a3/98/2203869.jpg" alt="一千个人眼中一千种元宇宙 在西班牙展馆体验其魅力"></mip-img> </div>
<div class="widget-post-list-item">
<div class="list-body"> <a class="list-title" href="/keji/2203869.html" target="_blank" rel="bookmark" title="一千个人眼中一千种元宇宙 在西班牙展馆体验其魅力">一千个人眼中一千种元宇宙 在西班牙展馆体验其魅力</a> </div>
<div class="list-footer"> <span>2022-03-03</span> </div>
</div>
<div class="clear"></div>
</li>
<li class="widget-list-item">
<div class="widget-post-list"> <mip-img src="/d/file/ap/a3/36/2203831.jpg" alt="关于 ico我想说薛蛮子喜欢的ICO到底是个什么鬼？有人赚了几十倍，你行吗？"></mip-img> </div>
<div class="widget-post-list-item">
<div class="list-body"> <a class="list-title" href="/keji/2203831.html" target="_blank" rel="bookmark" title="关于 ico我想说薛蛮子喜欢的ICO到底是个什么鬼？有人赚了几十倍，你行吗？">关于 ico我想说薛蛮子喜欢的ICO到底是个什么鬼？有人赚了几十倍，你行吗？</a> </div>
<div class="list-footer"> <span>2022-03-03</span> </div>
</div>
<div class="clear"></div>
</li>
<li class="widget-list-item">
<div class="widget-post-list"> <mip-img src="/d/file/ap/a3/5d/2203818.jpg" alt="拜登斥责社交网络将青少年视为实验对象 表示会追究其责任"></mip-img> </div>
<div class="widget-post-list-item">
<div class="list-body"> <a class="list-title" href="/keji/2203818.html" target="_blank" rel="bookmark" title="拜登斥责社交网络将青少年视为实验对象 表示会追究其责任">拜登斥责社交网络将青少年视为实验对象 表示会追究其责任</a> </div>
<div class="list-footer"> <span>2022-03-03</span> </div>
</div>
<div class="clear"></div>
</li>
<li class="widget-list-item">
<div class="widget-post-list"> <mip-img src="/d/file/ap/a3/83/2203723.jpg" alt="【165】专题身高165的女性，体重若在这一范围，就属于不胖也不瘦"></mip-img> </div>
<div class="widget-post-list-item">
<div class="list-body"> <a class="list-title" href="/keji/2203723.html" target="_blank" rel="bookmark" title="【165】专题身高165的女性，体重若在这一范围，就属于不胖也不瘦">【165】专题身高165的女性，体重若在这一范围，就属于不胖也不瘦</a> </div>
<div class="list-footer"> <span>2022-03-03</span> </div>
</div>
<div class="clear"></div>
</li>
<li class="widget-list-item">
<div class="widget-post-list"> <mip-img src="/d/file/ap/a3/47/2203392.jpg" alt="【007 大破天幕危机】专题欧米茄海马系列300米潜水表007版，见证传奇特工终极之战"></mip-img> </div>
<div class="widget-post-list-item">
<div class="list-body"> <a class="list-title" href="/keji/2203392.html" target="_blank" rel="bookmark" title="【007 大破天幕危机】专题欧米茄海马系列300米潜水表007版，见证传奇特工终极之战">【007 大破天幕危机】专题欧米茄海马系列300米潜水表007版，见证传奇特工终极之战</a> </div>
<div class="list-footer"> <span>2022-03-03</span> </div>
</div>
<div class="clear"></div>
</li>
<li class="widget-list-item">
<div class="widget-post-list"> <mip-img src="/d/file/ap/a3/ad/2203241.jpg" alt="关于1元店我想说下沉版名创优品？看美国“1元店”美元树如何做成财富 500 强企业"></mip-img> </div>
<div class="widget-post-list-item">
<div class="list-body"> <a class="list-title" href="/keji/2203241.html" target="_blank" rel="bookmark" title="关于1元店我想说下沉版名创优品？看美国“1元店”美元树如何做成财富 500 强企业">关于1元店我想说下沉版名创优品？看美国“1元店”美元树如何做成财富 500 强企业</a> </div>
<div class="list-footer"> <span>2022-03-03</span> </div>
</div>
<div class="clear"></div>
</li>
<li class="widget-list-item">
<div class="widget-post-list"> <mip-img src="/d/file/ap/a3/e9/2203184.jpg" alt=" ico专题之薛蛮子喜欢的ICO到底是个什么鬼？有人赚了几十倍，你行吗？"></mip-img> </div>
<div class="widget-post-list-item">
<div class="list-body"> <a class="list-title" href="/keji/2203184.html" target="_blank" rel="bookmark" title=" ico专题之薛蛮子喜欢的ICO到底是个什么鬼？有人赚了几十倍，你行吗？"> ico专题之薛蛮子喜欢的ICO到底是个什么鬼？有人赚了几十倍，你行吗？</a> </div>
<div class="list-footer"> <span>2022-03-03</span> </div>
</div>
<div class="clear"></div>
</li>
</ul>
</div>
<!--常用栏目-->
<div class="widget " id="divTags">
<h3 class="function_t">常用栏目</h3>
<ul>
<li><a href="/guoji/">民俗文化</a></li>
<li><a href="/guonei/">奇闻趣事</a></li>
<li><a href="/junshi/">旅游指南</a></li>
<li><a href="/shehui/">时尚生活</a></li>
<li><a href="/yule/">娱乐星闻</a></li>
<li><a href="/caijing/">理财有道</a></li>
<li><a href="/keji/">科技数码</a></li>
<li><a href="/jiaoyu/">教育学习</a></li>
<li><a href="/fangchan/">房产信息</a></li>
<li><a href="/tiyu/">体育运动</a></li>
<li><a href="/gl/">游戏攻略</a></li>
<li><a href="/lishi/">历史故事</a></li>
<li><a href="/zhuangxiu/">装修知识</a></li>
<li><a href="/site/">网站大全</a></li>
<li><a href="/zhubo/">网红主播</a></li>
<li><a href="/h5/">h5游戏</a></li>
<li><a href="/why/">问答精粹</a></li>
<li><a href="/z/">话题广场</a></li>
</ul>
</div>
</aside>
</div>
</div>
</div>
<footer class="footer">
<div class="footer-box">
<div class="footer-fill">
<div class="footer-column">
<div class="footer-menu">
<a rel="nofollow" href="https://www.lu-xu.com/" target="_blank">网站首页</a>
<a rel="nofollow" href="https://www.lu-xu.com/about.html" target="_blank">关于我们</a>
<a rel="nofollow" href="https://www.lu-xu.com/joinus.html" target="_blank">诚聘英才</a>
<a rel="nofollow" href="https://www.lu-xu.com/contact.html" target="_blank">联系方式</a>
</div>
<div class="footer-banquan text-xs"> Copyright © 2022 鹿先生 版权所有 <span class="footer-say">毕竟几人真得鹿,不知终日梦为鱼。</span></div>
</div>
</div>
<div class="footer-hidden-xs">
<div class="footer-tips ">
<p>部分内容来源于网络，如有侵权或内容纠错请联系网站在线客服或邮件至jubao8@foxmail.com交由责任编辑处理。</p>
</div>
</div>
<div class="footer-links"> <span><a class="ico-ico" href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank" title="蜀ICP备19034587号"><img src="//www.lu-xu.com/skin/luxiansheng/images/icp.png" alt="蜀ICP备19034587号">蜀ICP备19034587号</a> 安全运行<span id="iday"></span>天 <script>function siteRun(d){var nowD=new Date();return parseInt((nowD.getTime()-Date.parse(d))/24/60/60/1000)} document.getElementById('iday').innerHTML=siteRun('2020/06/16');</script></span> </div>
</div>
</footer>
<mip-fixed type="gototop">
<mip-gototop></mip-gototop>
</mip-fixed>
<mip-lightbox id="search" layout="nodisplay" class="mip-hidden">
<div class="lightbox">
<article class="search popup">
<section class="popup_main">
<mip-form method="post" class="search_form" url="https://www.lu-xu.com/e/search/index.php" action="https://www.lu-xu.com/e/search/index.php">
<input type="hidden" name="show" value="title">
<input type="hidden" name="tempid" value="2">
<input type="hidden" name="tbname" value="news">
<input class="search-input" type="search" name="keyboard" id="s" placeholder="请输入关键词">
<input type="submit" class="search_btn" value="搜索"></mip-form>
</mip-form>
<span on="tap:search.toggle" class="close lightbox-close">×</span></section>
</article>
</div>
</mip-lightbox>
<script src="//c.mipcdn.com/static/v2/mip.js"></script>
<script src="//c.mipcdn.com/static/v2/mip-linksubmit/mip-linksubmit.js"></script>
<script src="//c.mipcdn.com/static/v2/mip-stats-baidu/mip-stats-baidu.js"></script>
<script src="//c.mipcdn.com/static/v2/mip-gototop/mip-gototop.js"></script>
<script src="//c.mipcdn.com/static/v2/mip-form/mip-form.js"></script>
<script src="//www.lu-xu.com/d/js/function.js?version=2022"></script>
<script src="//www.lu-xu.com/skin/luxiansheng/js/jquery.min.js?version=2022"></script>
<script src="//www.lu-xu.com/skin/luxiansheng/js/sidebar-right.js?version=2022"></script>
<script src="//www.lu-xu.com/skin/luxiansheng/js/custom.js?version=2022"></script>
</body>
</html>