Html常用标签总结，具体可分为常用基础标签、常用表单基础标签、常用表格基础标签、常用列表标签、常用框架标签、常用链接标签和常用图像标签七大类。

01、常用基本标签
定义html文档
定义文章标题和其他在网页内不显示的信息
　定义文档标题
定义文档的主体内容

定义最大标题，由1依次往后排开，1最大
注释

02、常用表单基础标签

定义表单
定义输入控件
定义多行文本输入
定义按钮
定义选择的下拉列表
定义选择列表中的选项组合
定义选择列表的选项
定义input的标注

定义围绕表单的边框

定义fieldset的标题

03、常用表格基础标签

定义表格
定义表格中的行
定义表格中的表头内容
定义表格中的主体内容
定义表格中的脚注
d定义表格中一个或者多列的属性值
定义表格中供格式化的列组

04、常用列表标签

定义无序列表

定义有序列表

定义列表的项目

定义列表

定义列表中的项目

定义列表中项目的描述
定义命令列表
定义用户可以从弹出菜单调用的命令

05、常用框架标签
定义框架集的窗口或者框架
定义框架集
定义针对不支持框架的用户代替内容。<br><iframe>定义内联框架</p><p>06、常用链接标签<br><a>定义锚<br><linke>定义文档与外部资源的关系</p><p>07、常用图像标签<br><img></img>定义图像<br><map></map>定义图像映射<br><area></area>定义图像地图内的区域</p> <script src="/js/neirong_fot.js"></script> </div> <div align="center"> 阅读更多<a href="/zhishi/yxsm/">游戏数码</a>，请访问生活日记网 用日志记录点滴生活！<a href="/zhishi/">生活小常识</a>频道。</div> <div class="clear"></div> <div class="botton"> <ul> <li class="click_zan"><a href="javascript:void(0);" id="ding">6</a></li> <li class="shars"> <div class="botton_ly"><a href="javascript:void(0);" id="rcount">阅读(59)</a></div> </li> </ul> </div> <div class="clear"></div> <script src="/js/neirong_fot.js"></script> <div class="clear"></div> <div class="qita"> <span style="color:#3A8106">您可能喜欢的生活小常识</span><div class="clear"></div> <ul style="float:left;width:300px;overflow:hidden"> <li><a href="/zhishi/46/45335.htm" title="微信如何对登录设备进行管理？">微信如何对登录设备进行管理？</a></li> <li><a href="/zhishi/46/45336.htm" title="支付宝如何添加社会保障卡？">支付宝如何添加社会保障卡？</a></li> <li><a href="/zhishi/46/45337.htm" title="电脑蓝屏自动重启开不了机怎么办">电脑蓝屏自动重启开不了机怎么办</a></li> <li><a href="/zhishi/46/45338.htm" title="如何注册yy（歪歪）频道房间">如何注册yy（歪歪）频道房间</a></li> <li><a href="/zhishi/46/45339.htm" title="进不了路由器设置 如何进入路由器管理界面">进不了路由器设置 如何进入路由器管理界面</a></li> <li><a href="/zhishi/46/45340.htm" title="如何给多张图片批量添加相框？">如何给多张图片批量添加相框？</a></li> <li><a href="/zhishi/46/45341.htm" title="怎么样才能进入手机QQ浏览器的小程序">怎么样才能进入手机QQ浏览器的小程序</a></li> <li><a href="/zhishi/46/45342.htm" title="怎么在电脑上同时登录两个或更多微信号">怎么在电脑上同时登录两个或更多微信号</a></li> <li><a href="/zhishi/46/45343.htm" title="东方号好申请么 东方号怎么申请">东方号好申请么 东方号怎么申请</a></li> <li><a href="/zhishi/46/45344.htm" title="飞猪帐户怎么注册如何登录怎么退出">飞猪帐户怎么注册如何登录怎么退出</a></li> </ul> <ul style="float:right;width:300px;overflow:hidden"> <li><a href="/zhishi/133/132140.htm" title="兆字取名寓意及含义">兆字取名寓意及含义</a></li> <li><a href="/zhishi/133/132141.htm" title="古建筑内严禁使用什么等高温照明灯具">古建筑内严禁使用什么等高温照明灯具</a></li> <li><a href="/zhishi/133/132142.htm" title="荷花的形状">荷花的形状</a></li> <li><a href="/zhishi/133/132143.htm" title="鄂k是湖北哪个城市">鄂k是湖北哪个城市</a></li> <li><a href="/zhishi/133/132144.htm" title="芭比q是什么梗">芭比q是什么梗</a></li> <li><a href="/zhishi/133/132145.htm" title="文艺的永恒主题是什么">文艺的永恒主题是什么</a></li> <li><a href="/zhishi/133/132146.htm" title="地球之肾是哪三个">地球之肾是哪三个</a></li> <li><a href="/zhishi/133/132147.htm" title="历史上12月2日发生了什么">历史上12月2日发生了什么</a></li> <li><a href="/zhishi/133/132148.htm" title="控制碳排放的三种方法">控制碳排放的三种方法</a></li> <li><a href="/zhishi/133/132149.htm" title="化工常用泵有哪几种">化工常用泵有哪几种</a></li> </ul> </div> <script src="/js/list_fot.js"></script> </div> </div> <div class="right"> <div class="sideShare"> <h5>喜欢<a target="_blank" href="/zhishi/" class="link">生活小常识</a>，那就经常来哦</h5> <p>该内容由生活日记网提供.</p> </div> <div class="clear"></div> <script type="text/javascript" src="/js/public_r2.js"></script> <div class="clear"></div> <div class="body_right_one"> <h3>栏目分类</h3> <ul> <li style="height:30px;width:90px;"><a href="/zhishi/swgwsm/">十万个为什么</a></li> <li style="height:30px;width:90px;"><a href="/zhishi/shjy/">生活经验</a></li> <li style="height:30px;width:90px;"><a href="/zhishi/yxsm/">游戏数码</a></li> <li style="height:30px;width:90px;"><a href="/zhishi/ydjs/">运动健身</a></li> <li style="height:30px;width:90px;"><a href="/zhishi/jyks/">教育考试</a></li> <li style="height:30px;width:90px;"><a href="/zhishi/ssmr/">时尚美容</a></li> <li style="height:30px;width:90px;"><a href="/zhishi/jkys/">健康养生</a></li> <li style="height:30px;width:90px;"><a href="/zhishi/xxah/">休闲爱好</a></li> <li style="height:30px;width:90px;"><a href="/zhishi/qgsh/">情感生活</a></li></ul> </div> <div class="clear"></div> <div class="body_right_three"> <h3>生活小常识推荐</h3> <ul> <li><a href="/zhishi/47/46068.htm" title="电脑端口号怎么查看 用命令查看电脑端口方法">电脑端口号怎么查看 用命令查看电脑端口方法</a></li> <li><a href="/zhishi/47/46069.htm" title="怎么更新显卡驱动">怎么更新显卡驱动</a></li> <li><a href="/zhishi/47/46070.htm" title="饿了么如何邀请新人领红包？">饿了么如何邀请新人领红包？</a></li> <li><a href="/zhishi/47/46071.htm" title="京东账号怎么绑定邮箱">京东账号怎么绑定邮箱</a></li> <li><a href="/zhishi/47/46072.htm" title="QQ聊天时接受的图片在哪？？">QQ聊天时接受的图片在哪？？</a></li> </ul> </div> <div class="clear"></div> <div class="body_right_one"> <h3>精选生活小常识</h3> <ul> <li><a href="/zhishi/tags/choujin/" title="抽筋生活小常识大全">抽筋</a></li> <li><a href="/zhishi/tags/bianmi/" title="便秘生活小常识大全">便秘</a></li> <li><a href="/zhishi/tags/jiehun/" title="结婚生活小常识大全">结婚</a></li> <li><a href="/zhishi/tags/toutong/" title="头痛生活小常识大全">头痛</a></li> <li><a href="/zhishi/tags/btfd/" title="白头发多生活小常识大全">白头发多</a></li> <li><a href="/zhishi/tags/maolenghan/" title="冒冷汗生活小常识大全">冒冷汗</a></li> <li><a href="/zhishi/tags/yaoteng/" title="腰疼生活小常识大全">腰疼</a></li> <li><a href="/zhishi/tags/zhangheiban/" title="长黑斑生活小常识大全">长黑斑</a></li> <li><a href="/zhishi/tags/tuofa/" title="脱发生活小常识大全">脱发</a></li> <li><a href="/zhishi/tags/liubixue/" title="流鼻血生活小常识大全">流鼻血</a></li> <li><a href="/zhishi/tags/chugui/" title="出轨生活小常识大全">出轨</a></li> <li><a href="/zhishi/tags/xiayu/" title="下雨生活小常识大全">下雨</a></li> <li><a href="/zhishi/tags/feipang/" title="肥胖生活小常识大全">肥胖</a></li> <li><a href="/zhishi/tags/zhangdoudou/" title="长痘痘生活小常识大全">长痘痘</a></li> <li><a href="/zhishi/tags/liukoushui/" title="流口水生活小常识大全">流口水</a></li> <li><a href="/zhishi/tags/huaxin/" title="花心生活小常识大全">花心</a></li> <li><a href="/zhishi/tags/outu/" title="呕吐生活小常识大全">呕吐</a></li> <li><a href="/zhishi/tags/tingchan/" title="停产生活小常识大全">停产</a></li> <li><a href="/zhishi/tags/yanshi/" title="眼屎生活小常识大全">眼屎</a></li> <li><a href="/zhishi/tags/dage/" title="打嗝生活小常识大全">打嗝</a></li> <li><a href="/zhishi/tags/lihun/" title="离婚生活小常识大全">离婚</a></li></ul> </div> <div class="clear"></div> <script type="text/javascript" src="/js/public_r5.js"></script> <div class="clear"></div> </div> <!--right end--> </div> </div> <div class="footer"> <script src='/js/public_fot.js'></script> <div class="foot"> <div class="understand"> <ul> <li><b>了解我们</b></li> <li><a target="_blank" href="/about/" rel="nofollow">关于我们</a></li> <li><a target="_blank" href="/about/contactus.htm" rel="nofollow">联系我们</a></li> <li><a target="_blank" href="/about/privacy.htm" rel="nofollow">隐私政策</a></li> </ul> </div> <div class="user"> <ul> <li><b>用户中心</b></li> <li><a target="_blank" href="/public/reg.htm" rel="nofollow">会员注册</a></li> <li><a target="_blank" href="/public/login.htm" rel="nofollow">会员登录</a></li> <li><a target="_blank" href="/about/agreement.htm" rel="nofollow">使用协议</a></li> </ul> </div> <div class="weixin"> <ul> <li><a href="/"><img src="/users/image/20150731/20150731144157_51327.jpg" width="90" height="90" title="欢迎关注生活日记网微信公众号" alt="生活日记网微信公众号" /></a></li> </ul> </div> <div class="service"> <ul> <li><b>关注我们</b></li> <li><i></i><a rel="nofollow" target="_blank" href="http://weibo.com/wwwtelnotecn">新浪微博</a></li> <li class="qq"><i></i><a rel="nofollow" target="_blank" href="/app.php" title="有心事树洞app下载">APP下载</a></li> <li class="fankui"><i></i><a rel="nofollow" href="/about/feedback.htm">意见反馈</a></li> </ul> </div> <div class="slowtime"> <h1>便捷导航</h1> <ul > <li><a target="_blank" href="/riji/fabu/">发布日记</a></li> <li><a target="_blank" href="/riji/paihang/yuedu/">人气日记</a></li> <li><a target="_blank" href="/huati/">热门话题</a></li> </ul> <ul style="float:right"> <li><a target="_blank" href="/xuyuan/">许愿</a></li> <li><a target="_blank" href="/biaobai/">表白</a></li> <li><a target="_blank" href="/xinqing/">心情</a></li> </ul> </div> <div class="bottom"> <p>Copyright &copy;2010-2024 <a href="https://www.shenghuoriji.com">生活日记网 用日志记录点滴生活！</a> <a href="https://www.shenghuoriji.com/zhishi/37/36482.htm">生活小常识</a>频道。 <a href="/map.htm" target="_blank" rel="nofollow">网站地图</a> <a target="_blank" href="https://m.shenghuoriji.com/zhishi/37/36482.htm">手机版</a></p> <p>用日记记录生活中的点点滴滴，等老了我们一起来把它回味......<a href="/riji/fabu/" target="_blank">写日记</a></p> <p>网站备案/许可证号：<a target="_blank" href="http://www.miibeian.gov.cn/" rel="nofollow">鲁ICP备18042150号-39</a></p> </div> </div> <div class="go"> <a title="返回顶部" class="top" href="#gotop" rel="nofollow"></a> <a title="如果您有意见，请反馈给我们！" class="feedback" href="/about/feedback.htm" target="_blank" rel="nofollow"></a> <a title="返回底部" class="bottom" href="#gobottom" rel="nofollow"></a> </div> <a name="gobottom">&nbsp;</a> </div> <div class="hide"> <script src="/js/tj.js"></script> </div> <script src="/js/footer.js"></script><script language="javascript"> function TheLoad(){ $.ajax({//初始化推荐数量 url: "/class/ajax.php?rand="+Math.ceil(Math.random()*100), type: "POST", data: { "action": 'PublicGetDing','db':'shenghuoriji.zhishi',"showid": '36482'}, success: function (data) { $("#ding").html(data); } }); $.ajax({//初始化浏览数量 url: "/class/ajax.php?rand="+Math.ceil(Math.random()*100), type: "POST", data: { "action": 'PublicGetRcount','db':'shenghuoriji.zhishi',"showid": '36482'}, success: function (data) { $("#rcount").html(data); } }); } TheLoad(); $("#ding").click(function(){//推荐 $.ajax({ url: "/class/ajax.php?rand="+Math.ceil(Math.random()*100), type: "POST", data: { "action": 'PublicDDing','db':'shenghuoriji.zhishi',"showid": '36482'}, success: function (data) { if (data == "exist") { window.alert("您已经顶过了！"); } else if (data == "ok") { $("#ding").html(parseInt($("#ding").html())+1); } } }); }); window.onload = function() { var Article_Content_ID = "content"; //文章内容所在的Div的ID var MAX_Width = 645; //最大图片宽度 var imgs = document.getElementById(Article_Content_ID).getElementsByTagName("img"); for ( var i = 0,len = imgs.length;i<len;i++ ){ if( parseInt(imgs[i].width,10) > MAX_Width ){ var iw = parseInt(imgs[i].width,10) ; var ih = parseInt(imgs[i].height,10) ; imgs[i].style.width = MAX_Width +"px"; imgs[i].style.height = parseInt( ih * MAX_Width / iw ) + "px"; } } } </script> <script type="text/javascript"> /* (function() { var s = "_" + Math.random().toString(36).slice(2); document.write('<div style="" id="' + s + '"></div>'); (window.slotbydup = window.slotbydup || []).push({ id: "u2469503", container: s }); })();*/ </script> </body> </html>

定义表格标题

定义表格中的表单元格
定义表格中的单元