学生个人网页制作HTML代码共享

在现代社会中,网页制作已经成为一项必备的技能。学生们也应该掌握这项技能,以便更好地展示自己。在学习网页制作时,HTML是必须掌握的基础知识。下面将详解学生自学网页制作中应掌握的HTML知识点。

HTML基础知识点

1. HTML是超文本标记语言,用于创建网页;
2. HTML文件扩展名为.htm或.html;
3. HTML文件由标签和文本组成;
4. 标签用于定义文本的显示方式,可以设置字体、颜色、大小等属性;
5. 标签一般成对出现,分为开始标签和结束标签;
6. 标签的属性用于进一步定义标签的特性,如链接地址、图片地址等;
7. HTML文件的基本结构包括、、、和<body>等标签。</p> <h2>HTML标签的常用属性</h2> <p>1. id属性:用于指定标签的唯一标识符;<br> 2. class属性:用于指定标签的类别;<br> 3. href属性:用于指定链接的目标地址;<br> 4. src属性:用于指定图片或其他媒体文件的地址;<br> 5. style属性:用于指定标签的样式,如字体、颜色、背景等;<br> 6. alt属性:用于指定图片无法显示时的替代文本;<br> 7. title属性:用于指定鼠标悬停在标签上时的提示文本。</p> <h2>HTML常用标签</h2> <p>1. <h1>~<h6>:用于定义标题;<br> 2. <p>:用于定义段落;<br> 3. <a>:用于定义链接;<br> 4. <img>:用于定义图片;<br> 5. <ul>和<li>:用于定义无序列表;<br> 6. <ol>和<li>:用于定义有序列表;<br> 7. <table>、<tr>、<th>和<td>:用于定义表格。</p> 关键词:HTML、标签、属性 <!-- E 正文 --></div> </div> <div class="onlymobile"> </div> <div class="onlywap"> </div> <div class="copyright-box alert alert-warning"> <p>版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至举报,一经查实,本站将立刻删除。</p></div> <div class="onlymobile"></div> <div class="onlywap"> </div> <div class="entry-meta"> <ul class="article-prevnext"> <!-- S 上一篇下一篇 --> <li> 上一篇:<a href='https://www.xzczqbw.com/h/3272.html'>学三棱锥全家福(正视几何学里直三棱锥相关概念汇总)</a> </li> <li> 下一篇:<a href='https://www.xzczqbw.com/h/3274.html'>学生赚钱快的软件一天50元(推荐多款适合学生赚钱的APP)</a> </li> <!-- E 上一篇下一篇 --> </ul> <!-- 广告位:内容页底部通栏 --> </div> <div class="article-action-btn"> <div class="pull-left"> <!-- S 收藏 --> <i class="fa fa-heart"></i> 相关文章 <!-- E 收藏 --> </div> <div class="pull-right"> </div> <div class="clearfix"></div> </div> <div class="related-article"> <div class="row"> <!-- S 相关文章 --> <div class="onlymobile"> <!-- 多条广告如下脚本只需引入一次 --> <script type="text/javascript" src="https://www.xzczqbw.com/templets/moban/style/cm.js" async="async" defer="defer" > </script></div> <div style="left:-10px;" class="onlywap"> </div> <div class="col-sm-3 col-xs-6"> <a href="https://www.xzczqbw.com/h/16.html" class="img-zoom"> <div class="embed-responsive embed-responsive-4by3"> <img src="https://www.xzczqbw.com/uploads/221029/1-2210291I510J5.jpg" alt="投诉举报" class="embed-responsive-item"> </div> </a> <h5>投诉举报</h5> </div> <div class="col-sm-3 col-xs-6"> <a href="https://www.xzczqbw.com/h/10396.html" class="img-zoom"> <div class="embed-responsive embed-responsive-4by3"> <img src="https://www.xzczqbw.com/images/defaultpic.gif" alt="平台公司是什么公司(平台公司和国企的区别)" class="embed-responsive-item"> </div> </a> <h5>平台公司是什么公司(平台公司和国企的区别)</h5> </div> <div class="col-sm-3 col-xs-6"> <a href="https://www.xzczqbw.com/h/10395.html" class="img-zoom"> <div class="embed-responsive embed-responsive-4by3"> <img src="https://www.xzczqbw.com/uploads/20230922/2023092248960.jpg" alt="<font color='1677721'>创业融资需求有什么特点(创业风险融资的特点</font>" class="embed-responsive-item"> </div> </a> <h5><font color='1677721'>创业融资需求有什么特点(创业风险融资的特点</font></h5> </div> <div class="col-sm-3 col-xs-6"> <a href="https://www.xzczqbw.com/h/10393.html" class="img-zoom"> <div class="embed-responsive embed-responsive-4by3"> <img src="https://www.xzczqbw.com/images/defaultpic.gif" alt="小灵通创始人(当年叱咤风云的小灵通之父现状" class="embed-responsive-item"> </div> </a> <h5>小灵通创始人(当年叱咤风云的小灵通之父现状</h5> </div> <div class="col-sm-3 col-xs-6"> <a href="https://www.xzczqbw.com/h/10390.html" class="img-zoom"> <div class="embed-responsive embed-responsive-4by3"> <img src="https://www.xzczqbw.com/images/defaultpic.gif" alt="新加坡注册公司(新加坡公司注册条件流程攻略" class="embed-responsive-item"> </div> </a> <h5>新加坡注册公司(新加坡公司注册条件流程攻略</h5> </div> <div class="col-sm-3 col-xs-6"> <a href="https://www.xzczqbw.com/h/10389.html" class="img-zoom"> <div class="embed-responsive embed-responsive-4by3"> <img src="https://www.xzczqbw.com/uploads/20230922/2023092259729.jpg" alt="<font color='1677721'>有营业执照可以申请创业基金吗(青年创业促进</font>" class="embed-responsive-item"> </div> </a> <h5><font color='1677721'>有营业执照可以申请创业基金吗(青年创业促进</font></h5> </div> <div class="col-sm-3 col-xs-6"> <a href="https://www.xzczqbw.com/h/10388.html" class="img-zoom"> <div class="embed-responsive embed-responsive-4by3"> <img src="https://www.xzczqbw.com/uploads/20230922/2023092255010.jpg" alt="<font color='1677721'>大学生创业计划书封面图片(创业项目策划书模</font>" class="embed-responsive-item"> </div> </a> <h5><font color='1677721'>大学生创业计划书封面图片(创业项目策划书模</font></h5> </div> <div class="col-sm-3 col-xs-6"> <a href="https://www.xzczqbw.com/h/10385.html" class="img-zoom"> <div class="embed-responsive embed-responsive-4by3"> <img src="https://www.xzczqbw.com/uploads/20230922/2023092296429.jpg" alt="<font color='1677721'>如何组建一支优秀的创业团队(完美团队创业者</font>" class="embed-responsive-item"> </div> </a> <h5><font color='1677721'>如何组建一支优秀的创业团队(完美团队创业者</font></h5> </div> <!-- E 相关文章 --> <div class="onlymobile"> </div> <div style="left:-10px;" class="onlywap"> </div> <div class="onlymobile"> </div> <div style="left:-10px;" class="onlywap"> </div> <div> <div> <div class="clearfix"></div> </div> </div> </main> <aside class="col-xs-12 col-sm-4"> <div class="panel panel-default lasest-update"> <div class="panel panel-blockimg"> </div> <div class="panel panel-default hot-article"> <div class="panel-heading"> <h3 class="panel-title">热门文章</h3> </div> <div class="panel-body"> <div class="media media-number"> <div class="media-left"> <span class="num">1</span> </div> <div class="media-body"> <a class="link-dark" href="https://www.xzczqbw.com/h/5343.html" title="安全纯天然植物染发剂排名前十(4个健康安全植物染发剂推荐)">安全纯天然植物染发剂排名前十(4个健康安全植物染发剂推荐)</a> </div> </div> <div class="media media-number"> <div class="media-left"> <span class="num">2</span> </div> <div class="media-body"> <a class="link-dark" href="https://www.xzczqbw.com/h/4665.html" title="腐肉最多的双男主文排行榜(推荐几篇最经典的双男主同人小说"><font color='1677721'>腐肉最多的双男主文排行榜(推荐几篇最经典的双男主同人小说</font></a> </div> </div> <div class="media media-number"> <div class="media-left"> <span class="num">3</span> </div> <div class="media-body"> <a class="link-dark" href="https://www.xzczqbw.com/h/4249.html" title="中国最差的银行排名(哪家银行口碑最烂?汇总中国10大最差银"><font color='1677721'>中国最差的银行排名(哪家银行口碑最烂?汇总中国10大最差银</font></a> </div> </div> <div class="media media-number"> <div class="media-left"> <span class="num">4</span> </div> <div class="media-body"> <a class="link-dark" href="https://www.xzczqbw.com/h/3554.html" title="手机如何翻墙去访问国外网站(系列指南全面介绍手机翻墙的方"><font color='1677721'>手机如何翻墙去访问国外网站(系列指南全面介绍手机翻墙的方</font></a> </div> </div> <div class="media media-number"> <div class="media-left"> <span class="num">5</span> </div> <div class="media-body"> <a class="link-dark" href="https://www.xzczqbw.com/h/4668.html" title="高污小说推荐列表(高污元素描写细致的言情小说推荐)"><font color='1677721'>高污小说推荐列表(高污元素描写细致的言情小说推荐)</font></a> </div> </div> <div class="media media-number"> <div class="media-left"> <span class="num">6</span> </div> <div class="media-body"> <a class="link-dark" href="https://www.xzczqbw.com/h/4890.html" title="外网免费加速器哪个好用(推荐几款好用的外网加速器,不再受网"><font color='1677721'>外网免费加速器哪个好用(推荐几款好用的外网加速器,不再受网</font></a> </div> </div> <div class="media media-number"> <div class="media-left"> <span class="num">7</span> </div> <div class="media-body"> <a class="link-dark" href="https://www.xzczqbw.com/h/3611.html" title="免费上国外网站加速器(详解多种免费VPN及其使用技巧)"><font color='1677721'>免费上国外网站加速器(详解多种免费VPN及其使用技巧)</font></a> </div> </div> <div class="media media-number"> <div class="media-left"> <span class="num">8</span> </div> <div class="media-body"> <a class="link-dark" href="https://www.xzczqbw.com/h/3910.html" title="成年人适合观看的免费恐怖片(美国高评分的十部免费恐怖片推"><font color='1677721'>成年人适合观看的免费恐怖片(美国高评分的十部免费恐怖片推</font></a> </div> </div> <div class="media media-number"> <div class="media-left"> <span class="num">9</span> </div> <div class="media-body"> <a class="link-dark" href="https://www.xzczqbw.com/h/4547.html" title="中国最差的银行排名是什么(口碑最差的4个银行盘点)">中国最差的银行排名是什么(口碑最差的4个银行盘点)</a> </div> </div> <div class="media media-number"> <div class="media-left"> <span class="num">10</span> </div> <div class="media-body"> <a class="link-dark" href="https://www.xzczqbw.com/h/4109.html" title="最新百家姓排名1-1000(完整百家姓排名及名人背后故事)"><font color='1677721'>最新百家姓排名1-1000(完整百家姓排名及名人背后故事)</font></a> </div> </div> <div class="media media-number"> <div class="media-left"> <span class="num">11</span> </div> <div class="media-body"> <a class="link-dark" href="https://www.xzczqbw.com/h/6171.html" title="明年结婚好吗(2024双春年是否适宜结婚分析)">明年结婚好吗(2024双春年是否适宜结婚分析)</a> </div> </div> <div class="media media-number"> <div class="media-left"> <span class="num">12</span> </div> <div class="media-body"> <a class="link-dark" href="https://www.xzczqbw.com/h/4108.html" title="周杰伦十大经典歌曲排名(周杰伦十首必听经典歌曲推荐)"><font color='1677721'>周杰伦十大经典歌曲排名(周杰伦十首必听经典歌曲推荐)</font></a> </div> </div> <div class="media media-number"> <div class="media-left"> <span class="num">13</span> </div> <div class="media-body"> <a class="link-dark" href="https://www.xzczqbw.com/h/3862.html" title="男歌手排行榜100名(最新数据:男歌手排行榜100名出炉)"><font color='1677721'>男歌手排行榜100名(最新数据:男歌手排行榜100名出炉)</font></a> </div> </div> <div class="media media-number"> <div class="media-left"> <span class="num">14</span> </div> <div class="media-body"> <a class="link-dark" href="https://www.xzczqbw.com/h/3676.html" title="方舟代码指令大全(详解方舟生存进化最全代码指令攻略)"><font color='1677721'>方舟代码指令大全(详解方舟生存进化最全代码指令攻略)</font></a> </div> </div> <div class="media media-number"> <div class="media-left"> <span class="num">15</span> </div> <div class="media-body"> <a class="link-dark" href="https://www.xzczqbw.com/h/4594.html" title="舟山禁渔期(2023年最新舟山渔业严管政策详解)"><font color='1677721'>舟山禁渔期(2023年最新舟山渔业严管政策详解)</font></a> </div> </div> <div class="media media-number"> <div class="media-left"> <span class="num">16</span> </div> <div class="media-body"> <a class="link-dark" href="https://www.xzczqbw.com/h/2830.html" title="中国人9大等级层次划分图(中国社会九大阶层清晰图)"><font color='1677721'>中国人9大等级层次划分图(中国社会九大阶层清晰图)</font></a> </div> </div> <div class="media media-number"> <div class="media-left"> <span class="num">17</span> </div> <div class="media-body"> <a class="link-dark" href="https://www.xzczqbw.com/h/4418.html" title="10大镇痛药排名(评测各种类型疼痛的特效止痛药物排名前十)"><font color='1677721'>10大镇痛药排名(评测各种类型疼痛的特效止痛药物排名前十)</font></a> </div> </div> <div class="media media-number"> <div class="media-left"> <span class="num">18</span> </div> <div class="media-body"> <a class="link-dark" href="https://www.xzczqbw.com/h/3770.html" title="华语歌手排行榜100位(盘点华语歌手最新百强排行榜)"><font color='1677721'>华语歌手排行榜100位(盘点华语歌手最新百强排行榜)</font></a> </div> </div> <div class="media media-number"> <div class="media-left"> <span class="num">19</span> </div> <div class="media-body"> <a class="link-dark" href="https://www.xzczqbw.com/h/6109.html" title="抖音58个表情含义图(抖音表情合集含义对照图)">抖音58个表情含义图(抖音表情合集含义对照图)</a> </div> </div> <div class="media media-number"> <div class="media-left"> <span class="num">20</span> </div> <div class="media-body"> <a class="link-dark" href="https://www.xzczqbw.com/h/4440.html" title="国外app排行榜前十名(带你了解国外最热门app排行榜前十名)"><font color='1677721'>国外app排行榜前十名(带你了解国外最热门app排行榜前十名)</font></a> </div> </div> </div> </div> <!-- E 最近更新 --> </div> <div class="panel panel-blockimg"> </div> <div class="panel panel-blockimg"> </div> <!-- S 热门资讯 --> <div class="panel panel-default hot-article"> <div class="panel-heading"> <h3 class="panel-title">推荐文章</h3> </div> <div class="panel-body"> <div class="media media-number"> <div class="media-left"> <span class="num">1</span> </div> <div class="media-body"> <a class="link-dark" href="https://www.xzczqbw.com/h/16.html" title="投诉举报">投诉举报</a> </div> </div> <div class="media media-number"> <div class="media-left"> <span class="num">2</span> </div> <div class="media-body"> <a class="link-dark" href="https://www.xzczqbw.com/h/10396.html" title="平台公司是什么公司(平台公司和国企的区别)">平台公司是什么公司(平台公司和国企的区别)</a> </div> </div> <div class="media media-number"> <div class="media-left"> <span class="num">3</span> </div> <div class="media-body"> <a class="link-dark" href="https://www.xzczqbw.com/h/10395.html" title="创业融资需求有什么特点(创业风险融资的特点详解)"><font color='1677721'>创业融资需求有什么特点(创业风险融资的特点详解)</font></a> </div> </div> <div class="media media-number"> <div class="media-left"> <span class="num">4</span> </div> <div class="media-body"> <a class="link-dark" href="https://www.xzczqbw.com/h/10393.html" title="小灵通创始人(当年叱咤风云的小灵通之父现状)">小灵通创始人(当年叱咤风云的小灵通之父现状)</a> </div> </div> <div class="media media-number"> <div class="media-left"> <span class="num">5</span> </div> <div class="media-body"> <a class="link-dark" href="https://www.xzczqbw.com/h/10390.html" title="新加坡注册公司(新加坡公司注册条件流程攻略)">新加坡注册公司(新加坡公司注册条件流程攻略)</a> </div> </div> <div class="media media-number"> <div class="media-left"> <span class="num">6</span> </div> <div class="media-body"> <a class="link-dark" href="https://www.xzczqbw.com/h/10389.html" title="有营业执照可以申请创业基金吗(青年创业促进专项扶持基金)"><font color='1677721'>有营业执照可以申请创业基金吗(青年创业促进专项扶持基金)</font></a> </div> </div> <div class="media media-number"> <div class="media-left"> <span class="num">7</span> </div> <div class="media-body"> <a class="link-dark" href="https://www.xzczqbw.com/h/10388.html" title="大学生创业计划书封面图片(创业项目策划书模板大全)"><font color='1677721'>大学生创业计划书封面图片(创业项目策划书模板大全)</font></a> </div> </div> <div class="media media-number"> <div class="media-left"> <span class="num">8</span> </div> <div class="media-body"> <a class="link-dark" href="https://www.xzczqbw.com/h/10385.html" title="如何组建一支优秀的创业团队(完美团队创业者和创业团队组建"><font color='1677721'>如何组建一支优秀的创业团队(完美团队创业者和创业团队组建</font></a> </div> </div> <div class="media media-number"> <div class="media-left"> <span class="num">9</span> </div> <div class="media-body"> <a class="link-dark" href="https://www.xzczqbw.com/h/10384.html" title="小区门口适合做什么生意比较好(适合在小区做的8个小生意)">小区门口适合做什么生意比较好(适合在小区做的8个小生意)</a> </div> </div> <div class="media media-number"> <div class="media-left"> <span class="num">10</span> </div> <div class="media-body"> <a class="link-dark" href="https://www.xzczqbw.com/h/10383.html" title="最好卖的懒人生活用品(双十一必入的4款懒人好物)">最好卖的懒人生活用品(双十一必入的4款懒人好物)</a> </div> </div> <div class="media media-number"> <div class="media-left"> <span class="num">11</span> </div> <div class="media-body"> <a class="link-dark" href="https://www.xzczqbw.com/h/10382.html" title="如何做电商创业项目(教你在电商市场轻松挣到第一桶金)">如何做电商创业项目(教你在电商市场轻松挣到第一桶金)</a> </div> </div> <div class="media media-number"> <div class="media-left"> <span class="num">12</span> </div> <div class="media-body"> <a class="link-dark" href="https://www.xzczqbw.com/h/10381.html" title="项目创新点万能模板(毕业论文创新点万能套路分享)"><font color='1677721'>项目创新点万能模板(毕业论文创新点万能套路分享)</font></a> </div> </div> <div class="media media-number"> <div class="media-left"> <span class="num">13</span> </div> <div class="media-body"> <a class="link-dark" href="https://www.xzczqbw.com/h/10380.html" title="大学生创业大赛项目计划书(创业计划书撰写方式详解)"><font color='1677721'>大学生创业大赛项目计划书(创业计划书撰写方式详解)</font></a> </div> </div> <div class="media media-number"> <div class="media-left"> <span class="num">14</span> </div> <div class="media-body"> <a class="link-dark" href="https://www.xzczqbw.com/h/10377.html" title="大学生创业优势(大学生创业的利与弊详解)"><font color='1677721'>大学生创业优势(大学生创业的利与弊详解)</font></a> </div> </div> <div class="media media-number"> <div class="media-left"> <span class="num">15</span> </div> <div class="media-body"> <a class="link-dark" href="https://www.xzczqbw.com/h/10373.html" title="税收计算(各种税种的计算方式详解)">税收计算(各种税种的计算方式详解)</a> </div> </div> <div class="media media-number"> <div class="media-left"> <span class="num">16</span> </div> <div class="media-body"> <a class="link-dark" href="https://www.xzczqbw.com/h/10372.html" title="获得融资要经历哪些流程(正规的投资公司融资流程)">获得融资要经历哪些流程(正规的投资公司融资流程)</a> </div> </div> <div class="media media-number"> <div class="media-left"> <span class="num">17</span> </div> <div class="media-body"> <a class="link-dark" href="https://www.xzczqbw.com/h/10371.html" title="八种人不适合创业(八种不适合创业的人详解)">八种人不适合创业(八种不适合创业的人详解)</a> </div> </div> <div class="media media-number"> <div class="media-left"> <span class="num">18</span> </div> <div class="media-body"> <a class="link-dark" href="https://www.xzczqbw.com/h/10368.html" title="大学生创业补贴政策2022标准(海外高校应届毕业生创新创业补贴"><font color='1677721'>大学生创业补贴政策2022标准(海外高校应届毕业生创新创业补贴</font></a> </div> </div> <div class="media media-number"> <div class="media-left"> <span class="num">19</span> </div> <div class="media-body"> <a class="link-dark" href="https://www.xzczqbw.com/h/10359.html" title="甜品创业计划书(甜点屋创业指南分享)"><font color='1677721'>甜品创业计划书(甜点屋创业指南分享)</font></a> </div> </div> <div class="media media-number"> <div class="media-left"> <span class="num">20</span> </div> <div class="media-body"> <a class="link-dark" href="https://www.xzczqbw.com/h/10358.html" title="大学生创新创业大赛项目计划书(大学生创新创业大赛实施方案">大学生创新创业大赛项目计划书(大学生创新创业大赛实施方案</a> </div> </div> </div> </div> </div> </aside> </div> </div> <footer> <div class="container-fluid" id="footer"> <div class="container"> <div class="row footer-inner"> <p> <a href="https://www.xzczqbw.com/h/16.html">投诉举报</a> | <a href="https://www.xzczqbw.com/h/17.html">投稿须知</a> | <a href="https://www.xzczqbw.com/h/18.html">免责声明</a> | <a href="https://www.xzczqbw.com/h/19.html">版权声明</a> </p> <div><div> </div><p>© 2022. All Rights Reserved. MeiShuBoKe         icp备案: <a href="https://beian.miit.gov.cn" target="_blank"></a></p></div> </div> </div> </div> </footer> <div id="floatbtn"> <!-- S 浮动按钮 --> <a id="back-to-top" class="hover" href="javascript:;"> <i class="iconfont icon-backtotop"></i> <em>返回<br>顶部</em> </a> <!-- E 浮动按钮 --> </div> <script> (function () { var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?ac2f5ae15cafdbf82c301f0ddbb09e3d"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <script type="text/javascript" src="https://www.xzczqbw.com/templets/moban/style/kptj.js"></script> <script type="text/javascript" src="https://www.xzczqbw.com/templets/moban/style/jquery.min.js"></script> <script type="text/javascript" src="https://www.xzczqbw.com/templets/moban/style/bootstrap.min.js"></script> <script type="text/javascript" src="https://www.xzczqbw.com/templets/moban/style/layer.js"></script> <script type="text/javascript" src="https://www.xzczqbw.com/templets/moban/style/template-native.js"></script> <script type="text/javascript" src="https://www.xzczqbw.com/templets/moban/style/bootstrap-typeahead.min.js"></script> <script type="text/javascript" src="https://www.xzczqbw.com/templets/moban/style/swiper.min.js"></script> <script type="text/javascript" src="https://www.xzczqbw.com/templets/moban/style/cms.js?r=1.1.8"></script> <script type="text/javascript" src="https://www.xzczqbw.com/templets/moban/style/common.js?r=1.1.8"></script> <script type="text/javascript" src="https://www.xzczqbw.com/templets/moban/style/game.js?r=1.1.8"></script> </body> </html>