HTML的基本标记有哪些？简述它们各自的功能
HTML（HyperText Mark-up Language,超文本标记语言或超文本链接标示语言），是目前网络上应用最为广泛的语言，也是构成网页文档的主要语言。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML的结构包括头部（Head）、主体（Body）两大部分，其中头部描述浏览器所需的信息，而主体则包含所要说明的具体内容。 HTML文档基本结构 在HTML网页文档的基本结构中主要包含以下几种标记。 1.HTML文件标记 和标记放在网页文档的最外层，表示这对标记间的内容是HTML文档。放在文件
1. 网页的基本结构包括哪些部分,各部分的功能是什么?
目前的网页一般分为三部分：
页头（一般是放网站logo和导航链接）
主体（就是网页内容部分）
页尾（版权申明、使用协议等，也可放一些导航链接）
网页是一个包含HTML标签的纯文本文件，它可以存放在世界某个角落的某一台计算机中，是万维网中的一“页”，是超文本标记语言格式（标准通用标记语言的一个应用，文件扩展名为.html或.htm）。网页通常用图像档来提供图画。网页要通过网页浏览器来阅读。
在HTML基本结构中和<META标记各有什么作用</h3>TITLE 是网页的标题 META标签用来描述一个HTML网页文档的属性，例如作者、日期和时间、网页描述、关键词、页面刷新等。<h3>请问标签<div>在网页制作中,是起到什么作用,什么时候要用到标签??</h3><p><div>标签，作用是设定字、画、表格等的摆放位置。当你把文字、图像，或其他的放在 DIV 中，它可称作为“DIV block”，或“DIV element”或“CSS-layer”，或干脆叫“layer”。而中文把它称作“层次”。</p><p><div> 标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具，并且不使用任何格式与其关联。如果用 id 或 class 来标记 <div>，那么该标签的作用会变得更加有效。</p><p><img src="/d/file/p/2024/08-20/de7af0d1460ddc5aaeb0a5376da3485e.jpg" /></p><p><strong>扩展资料</strong></p><p>div标签属于一个块级元素，这意味着它的内容自动地开始一个新行。实际上，换行是 <div> 固有的唯一格式表现。可以通过 <div> 的 class 或 id 应用额外的样式。</p><p>不必为每一个 <div> 都加上类或 id，虽然这样做也有一定的好处。可以对同一个 <div> 元素应用 class 或 id 属性，但是更常见的情况是只应用其中一种。</p><p>这两者的主要差异是，class 用于元素组（类似的元素，或者可以理解为某一类元素），而 id 用于标识单独的唯一的元素。</p><p>参考资料来源：百度百科-DIV标签</p><h3>HTML5的语义化标签有哪些，作用是什么</h3><h2>标签种类：</h2><ul><li><p><header>：定义页眉</p></li><li><p><nav>：定义导航</p></li><li><p><section>：定义文档中的区段</p></li><li><p><time>：定义日期和时间</p></li><li><p>：定义文章</p></li><li><p><aside>：定义文章的侧边栏</p></li><li><p><figure>：定义一组媒体对象以及文字</p></li><li><p><figcaption>：定义figure的标题</p></li><li><p><footer>：定义页脚</p></li></ul><h2>标签作用：</h2><ul><li><p>header与footer标签用于表示页面、应用或某个模块的头部和尾部；</p></li><li><p>nav用于表示导航；</p></li><li><p>article标签表示文章；</p></li><li><p>aside标签和article标签用法类似，只是表示内容会出现在侧边栏；</p></li><li><p>figure标签表示一段自包含的内容——独立的流内容（图像、图标、照片、代码等）</p></li></ul><p>在开发当中，可以使用section和article标签替代过度的div标签，用这些标签来对页面进行内容划分。</p><p>想了解更多，可点击<a href="https://www.h5course.com/a/2015042976.html" rel="nofollow" class="iknow-ueditor-link" target="_blank" title="只支持选中一个链接时生效">《如何让旧浏览器支持HTML5新标签》</p><br>
<p id="tag-wrap" class="tag-wrap">
<i class="fa fa-tags"></i> 标签：<a href="/tags/75/">信息技术</a>
<a href="/tags/346/">前端开发</a>
<a href="/tags/386/">HTML</a>
<a href="/tags/642/">作用</a>
<a href="/tags/8510/">基本结构</a>
</p>
<div class="nextlog">
<a href='/hulianwang/26896.html'>你好海外tiktok 怎么下载</a><a href='/hulianwang/'>返回列表</a></div>
<div class="link-box">
<p class="title">相关文章</p>
<ul class="loglist">
<li class="con">
<div class="des">
<a class="h2" href="/hulianwang/26861.html">在中国移动5G消息开发者社区注册账</a>
<a href="/hulianwang/26861.html" title="在中国移动5G消息开发者社区注册账" class="pic">
<img class="img br img-cover" src="/d/file/p/2024/08-18/small8c35d7b3f4a67c1fe8de6e3d91f585a01723941125.png" alt="在中国移动5G消息开发者社区注册账">
</a>
<div class="text">
<p>中国移动5G消息开发者社区要怎么使用？首先，你得在社区里通过手机号码注册一个账户。 然后这个社区主要分为四大版块，其中包括有问答版块、案例版块、资料版块以及课程版块，通过</p>
</div>
</div>
<a href="/hulianwang/26861.html" title="在中国移动5G消息开发者社区注册账" class="more" target="_blank" rel="nofollow">详细阅读<i class="fa fa-angle-right"></i></a>
</li><li class="con">
<div class="des">
<a class="h2" href="/diannao/26562.html">雅佳5000TRANS键的作用</a>
<a href="/diannao/26562.html" title="雅佳5000TRANS键的作用" class="pic">
<img class="img br img-cover" src="/d/file/p/2024/08-05/small4e7b47bd17afc3950c03267fd0ea4ae01722817946.png" alt="雅佳5000TRANS键的作用">
</a>
<div class="text">
<p>雅佳5000右手小指键延迟怎么办雅佳5000右手小指键延迟可通过旋钮设置。设置延迟效果的旋钮是在八个旋钮中的第二排，是从上方数下来的第二排的两颗旋钮。延迟效果的设置要用到</p>
</div>
</div>
<a href="/diannao/26562.html" title="雅佳5000TRANS键的作用" class="more" target="_blank" rel="nofollow">详细阅读<i class="fa fa-angle-right"></i></a>
</li><li class="con">
<div class="des">
<a class="h2" href="/hulianwang/26297.html">什么是门户网站？有什么作用？</a>
<a href="/hulianwang/26297.html" title="什么是门户网站？有什么作用？" class="pic">
<img class="img br img-cover" src="/d/file/p/2024/07-27/smallb811d98596dd69cfbde9bc5e59e033bc1722040334.png" alt="什么是门户网站？有什么作用？">
</a>
<div class="text">
<p>门户网站什么意思广义：这里是一个Web应用框架，它将各种应用系统、数据资源和互联网资源集成到一个信息管理平台之上，并以统一的用户界面提供给用户，并建立企业对客户、企业对内</p>
</div>
</div>
<a href="/hulianwang/26297.html" title="什么是门户网站？有什么作用？" class="more" target="_blank" rel="nofollow">详细阅读<i class="fa fa-angle-right"></i></a>
</li><li class="con">
<div class="des">
<a class="h2" href="/diannao/25969.html">求大神帮忙做一个简单的html5的can</a>
<a href="/diannao/25969.html" title="求大神帮忙做一个简单的html5的can" class="pic">
<img class="img br img-cover" src="/d/file/p/2024/07-16/smallb47e0dae3aa162852aea482476d5daaf1721105181.jpg" alt="求大神帮忙做一个简单的html5的can">
</a>
<div class="text">
<p>如何开发一个简单的HTML5 Canvas 小游戏开发一个简单的HTML5 Canvas 小游戏步骤如下： 1创建画布 var canvas = document.createElement("canvas"); var ctx = canvas.getCont</p>
</div>
</div>
<a href="/diannao/25969.html" title="求大神帮忙做一个简单的html5的can" class="more" target="_blank" rel="nofollow">详细阅读<i class="fa fa-angle-right"></i></a>
</li><li class="con">
<div class="des">
<a class="h2" href="/ruanjian/25686.html">在html中插入视频的代码</a>
<a href="/ruanjian/25686.html" title="在html中插入视频的代码" class="pic">
<img class="img br img-cover" src="/d/file/p/2024/07-07/small1b12f9e3457b3dca0188e66c261e2c221720312330.png" alt="在html中插入视频的代码">
</a>
<div class="text">
<p>html插入视频的代码是什么工具／原料：联想小新潮7000-13Win 10Visual Studio Code1.47.21、进入Visual Studio Code，新建html文件打开Visual Studio Code软件，打开工作区空间，选择</p>
</div>
</div>
<a href="/ruanjian/25686.html" title="在html中插入视频的代码" class="more" target="_blank" rel="nofollow">详细阅读<i class="fa fa-angle-right"></i></a>
</li><li class="con">
<div class="des">
<a class="h2" href="/ruanjian/25441.html">HTML代码问题-补充完网址转向新网</a>
<a href="/ruanjian/25441.html" title="HTML代码问题-补充完网址转向新网" class="pic">
<img class="img br img-cover" src="/d/file/p/2024/06-29/small52b42006002fa90ccb9dbc9bf174e2e61719654714.png" alt="HTML代码问题-补充完网址转向新网">
</a>
<div class="text">
<p>html文件里怎样改变当前网址,就是，我在html里放1个按钮，一点按钮，就改变当前网页的网址你加个连接就好了。例如你的按钮是button，你就做一个连接把它只想你要得网址。 1.如果让</p>
</div>
</div>
<a href="/ruanjian/25441.html" title="HTML代码问题-补充完网址转向新网" class="more" target="_blank" rel="nofollow">详细阅读<i class="fa fa-angle-right"></i></a>
</li><li class="con">
<div class="des">
<a class="h2" href="/hulianwang/25399.html">杭州壹齐互联信息技术有限公司</a>
<a href="/hulianwang/25399.html" title="杭州壹齐互联信息技术有限公司" class="pic">
<img class="img br img-cover" src="/d/file/p/2024/06-28/smalldf4a7b6e63140bef35bb18f6accde6641719549991.png" alt="杭州壹齐互联信息技术有限公司">
</a>
<div class="text">
<p>张杰的个人资料【个人简介】 英文名：Jason 昵称：张小杰、包子、小白、杰宝 小杰 性别：男 民族：汉族 籍贯：中国四川省成都市新都区新繁镇 生日：1982年12月20日 星座：射手座 身高：180C</p>
</div>
</div>
<a href="/hulianwang/25399.html" title="杭州壹齐互联信息技术有限公司" class="more" target="_blank" rel="nofollow">详细阅读<i class="fa fa-angle-right"></i></a>
</li><li class="con">
<div class="des">
<a class="h2" href="/diannao/25121.html">请问有谁知道云南机场集团的信息技</a>
<a href="/diannao/25121.html" title="请问有谁知道云南机场集团的信息技" class="pic">
<img class="img br img-cover" src="/e/data/images/notimg.gif" alt="请问有谁知道云南机场集团的信息技">
</a>
<div class="text">
<p>请问昆明长水机场信息技术员招聘笔试内容考什么？面试又涉及哪些内容呢笔试全是选择题，公共基础（跟事业单位考得差不多）50个单选，专业知识：80个单选，涉及计算机基础，计算机网络，操作系</p>
</div>
</div>
<a href="/diannao/25121.html" title="请问有谁知道云南机场集团的信息技" class="more" target="_blank" rel="nofollow">详细阅读<i class="fa fa-angle-right"></i></a>
</li><li class="con">
<div class="des">
<a class="h2" href="/ruanjian/24743.html">纪念白求恩一课中的第二自然段，对比</a>
<a href="/ruanjian/24743.html" title="纪念白求恩一课中的第二自然段，对比" class="pic">
<img class="img br img-cover" src="/d/file/p/2024/06-07/small99483e189b8be60b06422f6978d659151717720319.png" alt="纪念白求恩一课中的第二自然段，对比">
</a>
<div class="text">
<p>纪念白求恩第二段用了对比的手法，有什么好处?过去和现在有了一种对比有那种比较更能突出现在《纪念白求恩》文中多次使用对比论证的方法有何作用文章运用了对比的手法，将白求</p>
</div>
</div>
<a href="/ruanjian/24743.html" title="纪念白求恩一课中的第二自然段，对比" class="more" target="_blank" rel="nofollow">详细阅读<i class="fa fa-angle-right"></i></a>
</li><li class="con">
<div class="des">
<a class="h2" href="/zhinengshebei/24673.html">最酷、最炫、功能最强的通信设备是</a>
<a href="/zhinengshebei/24673.html" title="最酷、最炫、功能最强的通信设备是" class="pic">
<img class="img br img-cover" src="/d/file/p/2024/06-05/small709c088aa7be95796dc185b9b92aba031717547532.jpg" alt="最酷、最炫、功能最强的通信设备是">
</a>
<div class="text">
<p>网络的设备都有什么呀？他们的作用是怎么样的？简单的有 网卡，网线，集线器（HUB），路游器，交换机，服务器。进项交换机，光纤网卡，光纤终端试配器。 太多了，有机会你去网通机房看看，更复杂的有</p>
</div>
</div>
<a href="/zhinengshebei/24673.html" title="最酷、最炫、功能最强的通信设备是" class="more" target="_blank" rel="nofollow">详细阅读<i class="fa fa-angle-right"></i></a>
</li></ul>
</div>
</div>
</div>
</div>
</div>
<div id="sidebar">
<section id="aside_hot" class="widget widget_aside_hot mb">
<h3><span>热门文章</span></h3>
<ul class="widget-content aside_hot">
<li class="clearfix"><span class="list list-1">1</span><a href="/hulianwang/1245.html">怎样找回原来的今日头条</a></li>
<li class="clearfix"><span class="list list-2">2</span><a href="/ruanjian/11713.html">微信视频号客服电话 求解答</a></li>
<li class="clearfix"><span class="list list-3">3</span><a href="/hulianwang/6359.html">微信一条一条给对方发语音能发但是呼叫对方就提示网络异常对方不是你的好友，咋解决？</a></li>
<li class="clearfix"><span class="list list-4">4</span><a href="/ruanjian/11885.html">苹果手机浏览器怎么扫二维码</a></li>
<li class="clearfix"><span class="list list-5">5</span><a href="/hulianwang/12082.html">您好！请问我在国务院互联网督查+平台留言提交以后在哪里查询是否提交成功？</a></li>
<li class="clearfix"><span class="list list-6">6</span><a href="/diannao/2910.html">美团众包被永久封号了，怎么解封，找谁？</a></li>
<li class="clearfix"><span class="list list-7">7</span><a href="/ruanjian/13648.html">用爱思助手虚拟定位被钉钉检测到，请教有什么办法可以接触</a></li>
<li class="clearfix"><span class="list list-8">8</span><a href="/hulianwang/2989.html">优酷ykv怎么转码MP4？</a></li>
<li class="clearfix"><span class="list list-9">9</span><a href="/hulianwang/3031.html">广电网宽带每月多少钱？</a></li>
<li class="clearfix"><span class="list list-10">10</span><a href="/ruanjian/1307.html">360极速浏览器网站显示非安全连接是怎么回事？</a></li>
<li class="clearfix"><span class="list list-11">11</span><a href="/ruanjian/4329.html">QQ浏览器，请选择外置卡根目录存储卡授权管理器进行文件操作</a></li>
<li class="clearfix"><span class="list list-12">12</span><a href="/hulianwang/10506.html">抖音拉黑别人后，再看他主页会有记录吗</a></li>
<li class="clearfix"><span class="list list-13">13</span><a href="/hulianwang/1885.html">谁有全员加速中第一季的网盘资源</a></li>
<li class="clearfix"><span class="list list-14">14</span><a href="/ruanjian/5425.html">ttf格式的字体如何转成gfont字体？</a></li>
<li class="clearfix"><span class="list list-15">15</span><a href="/ruanjian/21494.html">微信账单怎么可以删除到电子凭证都倒不出来</a></li>
<li class="clearfix"><span class="list list-16">16</span><a href="/hulianwang/2555.html">得力考勤机下载考勤显示文件系统有误</a></li>
<li class="clearfix"><span class="list list-17">17</span><a href="/hulianwang/17533.html">维也纳会员的默认登录密码是多少？</a></li>
<li class="clearfix"><span class="list list-18">18</span><a href="/ruanjian/4144.html">电脑QQ能打开QQ小世界吗？</a></li>
<li class="clearfix"><span class="list list-19">19</span><a href="/zhinengshebei/6256.html">魔百盒如何安装第三方应用？</a></li>
<li class="clearfix"><span class="list list-20">20</span><a href="/ruanjian/23898.html">怎么查身份证名下 有几个qq</a></li>
</ul>
</section>
<section id="aside_new" class="widget widget_aside_new mb">
<h3><span>最新文章</span></h3>
<ul class="widget-content aside_new">
<li class="clearfix"><i class="fa fa-caret-right"></i><a href="/hulianwang/26911.html">网页文档结构的五个标签分别是什么？起到什么作用</a></li>
<li class="clearfix"><i class="fa fa-caret-right"></i><a href="/ruanjian/26910.html">微信小游戏该到你了揭秘篇为什么一直有标题没选项</a></li>
<li class="clearfix"><i class="fa fa-caret-right"></i><a href="/ruanjian/26909.html">Excel表格，如何把一整列竖着的数据按照预定格式7个一排转化为横着的数据？</a></li>
<li class="clearfix"><i class="fa fa-caret-right"></i><a href="/diannao/26908.html">哈苏x1d在图像格式jpg画质正常与高有什么区别</a></li>
<li class="clearfix"><i class="fa fa-caret-right"></i><a href="/ruanjian/26907.html">之前看到您回答过直接打开文件和解压文件的区别，想问个问题</a></li>
<li class="clearfix"><i class="fa fa-caret-right"></i><a href="/diannao/26906.html">电脑访问百度，提出问题，条目出现，点击，又出现“百度一下，你就知道”，请问，如何</a></li>
<li class="clearfix"><i class="fa fa-caret-right"></i><a href="/diannao/26905.html">求推荐一款专业录音声卡。我主要是做人声干音录制。要外置声卡！</a></li>
<li class="clearfix"><i class="fa fa-caret-right"></i><a href="/ruanjian/26904.html">360浏览器软件加载在哪啊，找不到</a></li>
<li class="clearfix"><i class="fa fa-caret-right"></i><a href="/ruanjian/26903.html">怎么实现固定文件夹的音乐随机播放</a></li>
<li class="clearfix"><i class="fa fa-caret-right"></i><a href="/ruanjian/26902.html">这面是一家新开的编程培训机构，有没有好的招生方法</a></li>
</ul>
</section>
<section id="aside_new" class="widget widget_aside_new mb">
<h3><span>推荐文章</span></h3>
<ul class="widget-content aside_new">
<li class="clearfix"><i class="fa fa-caret-right"></i><a href="/ruanjian/26858.html">3d max启动软件出现脚本错误怎么解决？重装都没用。</a></li>
<li class="clearfix"><i class="fa fa-caret-right"></i><a href="/diannao/26842.html">打印的时候打印名称有两个 这两个有什么区别吗</a></li>
<li class="clearfix"><i class="fa fa-caret-right"></i><a href="/diannao/26905.html">求推荐一款专业录音声卡。我主要是做人声干音录制。要外置声卡！</a></li>
<li class="clearfix"><i class="fa fa-caret-right"></i><a href="/hulianwang/26883.html">有没有更新比较快的作图模板网站</a></li>
<li class="clearfix"><i class="fa fa-caret-right"></i><a href="/shumashebei/26876.html">北京朝阳区望京城管执法部门的电话是多少？</a></li>
<li class="clearfix"><i class="fa fa-caret-right"></i><a href="/ruanjian/26856.html">怎么能把不同的客户信息要新的表中生成，原表中增加数据，新的表中也会自动更新</a></li>
<li class="clearfix"><i class="fa fa-caret-right"></i><a href="/shouji/26887.html">手机做的压缩包穿到钉钉上打开看不了</a></li>
<li class="clearfix"><i class="fa fa-caret-right"></i><a href="/ruanjian/26904.html">360浏览器软件加载在哪啊，找不到</a></li>
<li class="clearfix"><i class="fa fa-caret-right"></i><a href="/hulianwang/26850.html">金税盘上传汇总不了</a></li>
<li class="clearfix"><i class="fa fa-caret-right"></i><a href="/hulianwang/26886.html">微信里注销的朋友会不会显示已注销</a></li>
</ul>
</section>
<section id="divTags" class="widget widget_tags sb br mb">
<h3><span>标签列表</span></h3>
<div class="widget-content divTags">
<div class="d_tags">
<li><a href="/tags/19/">电脑网络</a></li>
<li><a href="/tags/41/">软件</a></li>
<li><a href="/tags/23/">手机</a></li>
<li><a href="/tags/56/">计算机</a></li>
<li><a href="/tags/75/">信息技术</a></li>
<li><a href="/tags/32/">未分类</a></li>
<li><a href="/tags/169/">电脑</a></li>
<li><a href="/tags/15/">互联网</a></li>
<li><a href="/tags/42/">工具</a></li>
<li><a href="/tags/21/">硬件</a></li>
<li><a href="/tags/53/">操作系统</a></li>
<li><a href="/tags/20/">便携式设备</a></li>
<li><a href="/tags/58/">电子产品</a></li>
<li><a href="/tags/63/">游戏</a></li>
<li><a href="/tags/40/">网络</a></li>
<li><a href="/tags/240/">编程</a></li>
<li><a href="/tags/66/">电子游戏</a></li>
<li><a href="/tags/5/">微信</a></li>
<li><a href="/tags/239/">编程语言</a></li>
<li><a href="/tags/50/">社交网络</a></li>
<li><a href="/tags/18/">笔记本电脑</a></li>
<li><a href="/tags/78/">MicrosoftOffice</a></li>
<li><a href="/tags/170/">电脑硬件</a></li>
<li><a href="/tags/28/">理工学科</a></li>
<li><a href="/tags/76/">MicrosoftExcel</a></li>
<li><a href="/tags/43/">奇虎360</a></li>
<li><a href="/tags/108/">生活</a></li>
<li><a href="/tags/77/">excel</a></li>
<li><a href="/tags/6/">视频</a></li>
<li><a href="/tags/348/">浏览器</a></li>
</div>
</div>
</section>
</div>
</div>
</div>
<div id="footerbar"><div class="wrap"><span><a href="https://www.wangpan131.com">大明白知识网</a> Copyright © 2020-2022 www.wangpan131.com. Some Rights Reserved. <a href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank">京ICP备11019930号-18</a></span></div></div><div id="backtop"><span class="fa fa-chevron-circle-up"></span></div>
<script src="/style/common.js" type="text/javascript"></script>
<script src="/d/js/acmsd/thea1.js" type="text/javascript"></script>
<div style="display:none;"><script src="/click/2_26911_1.html"></script></div>
</body>
</html>
