欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

HTML常见标签学习与笔记总结_html/css_WEB-ITnose

程序员文章站 2022-05-20 16:00:14
...

HTML其实就是把页面的数据封装并加上标签

表头

浏览器标题栏显示的内容 <p><base> 有href和target属性,href指定网页中所有超链接的基本目录,target指定打开超链接的方式,如_blank为在新窗口中打开</p> <p><meta> name网页的描述信息,可以设置网页搜索的关键字keywords。http-equiv可以设置自动刷新</p> <p class="sycode"> </p> <pre class="precsshui">如:<meta http-equiv="”refresh”" content="”3”;url=http://sina.com.cn”"> 设置3秒自动刷新</pre> <p><link> rel属性:描述目标文档与当前文档的关系,type:文档类型,media:目标文档在哪种设备上起作用,如显示器或打印机<br></p> <h3>表单</h3> <form> <p>用来与服务端进行交互,意味着只要不和服务端交互就不需要form标签<br></p> <h4 class="mt-10"> <input>的type属性</h4> <ol> <li><p>text:文本框</p></li> <li><p>password:密码框</p></li> <li><p>radio:单选框,需要指定同一组(即name值相同)</p></li> <li><p>checkbox:复选框</p></li> <li><p>file:文件选择</p></li> <li><p>hidden:隐藏组件。不会在页面上显示,但其定义的name和value可以提交给服务器</p></li> <li><p>botton:按钮组件。默认没有效果,可以通过注册事件并加入自定义效果</p></li> <li><p>submie:提交按钮</p></li> <li><p>reset:重置按钮</p></li> <li><p>image:图像组件。可以通过image的src属性连接一个按钮图片代替submit<br><br></p></li> </ol> <h4 class="mt-10">下垃菜单<select></select> </h4> <p>每一个下拉菜单项都由option进行封装<br></p> <p class="sycode"> </p> <pre class="precsshui"><select><option></option> <option></option></select></pre> <h4 class="mt-10">文本区域<textarea></textarea> </h4> <h4 class="mt-10">表格</h4> <table> <p class="sycode"> </p> <pre class="precsshui"></pre> <table><tbody><tr> <td></td> <td></td> </tr></tbody></table> <h4 class="mt-10">超链接<a target="_blank" rel="nofollow" href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNu"></a> </h4> <p class="sycode"> </p> <pre class="precsshui"><a href="http://www.sina.com.cn" target="_blank" rel="nofollow"></a></pre> <p>http:为解析程序,即使用http协议解析链接。设置target属性,在新窗口打开链接。</p> <p class="sycode"> </p> <pre class="precsshui"><a href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNubWFpbHRvOmFiY0AxNjMuY29tP3N1YmplY3Q9aGFoYSZjYz1xcUAxNjMuY29t" target="_blank" rel="nofollow"> 联系我们 </a> </pre> <p>当点击超链接时,就会出现邮件相关联的解析程序,本机默认的是outlook.</p> <p>链接讯雷的解析程序可以自己百度,这里就不说了。</p> <h4 class="mt-10">form标签常见属性</h4> <p>action<br></p> <p>method(get和post)<br></p> get和post区别: <p>get会将提交的数据显示在浏览器的地址栏上,post则不会</p> <p>get提交的数据的体积受地址栏的限制(即不能超过地址栏的长度),post没有这种限制</p> <p>get对于敏感信息不安全(如用户名和密码),post安全</p> <p>get会将提交的信息封装在请求行,即http消息头之前,post会将提交信息封装在数据何体中,即http消息头之后的空行后</p> <p>对于服务器来说:<br></p> <p>表单form提交数据尽量用post,因为涉及到编码问题。tomcat服务端默认的解码是ISO8859-1<br></p> <p>对于post提交的中文,在服务端可以直接使用setCharacterEncoding("gbk")就可以解决。而对于get提交的中文,在服务端只能通过ISO8859-1将数据编码一次,再通过指定的码表(如GBK)解码。</p> <h4 class="mt-10">其他</h4> <ol> <li> <p><label>标签:当点击用户名这栏时(不是点击文本框)或按Ctrl+u快捷键,焦点也会到了文本框内</label></p> <p class="sycode"> </p> <pre class="precsshui"><label acdessky="”u”" for="”userid”"><tr> <td> 用户名(U):</td> <td> <input type="”text”" name="”user”" id="”userid”"> </td> </tr></label></pre> <br> </li> <li>书写链接地址时,必须避免重定向,例如:href="http://sina.com/",即须在URL地址后面加上"/"</li> <li>在页面中尽量避免使用style属性,即style="..."</li> <li> <p>必须为含有描述性的表单元素(input,textarea)添加label。</p> <p class="sycode"> </p> <pre class="precsshui"><p><label for="”name”">姓名:</label><input type="”text”" id="”name”"></p></pre> <br> </li> <li>能以背景形式呈现的图片,尽量写入CSS样式中</li> <li>重要图片必须加上alt属性</li> <li>class和id的使用:id是唯一的并是父级的,class是可以重复的并是子级的,所以id仅使用在大的模块上,class可用在重复使用率高及子级中。id原则上都是由分发框架文件时命名的,为javaScript预留钩子的除外。</li> <li><p>为javaScript预留钩子的命名,请以js_起始,比如: js _show、js _hide。</p></li> </ol> <p>over!</p> <a href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuL2suaHRtbD90PTI=" target="_blank" rel="nofollow"><img onerror="this.src='/statics/superweb999/images/image_error.jpg'"src="/default/index/img?u=aHR0cHM6Ly9pbWcucGhwLmNuL3VwbG9hZC9jb3Vyc2UvMDAwLzAwMC8wNzEvNjIwYzYwNGY3NTI1MTk5NS5wbmc=" style="margin-top: 30px;" alt="HTML常见标签学习与笔记总结_html/css_WEB-ITnose" title="HTML常见标签学习与笔记总结_html/css_WEB-ITnose"></a><p style="float:right;font-size:13px;color:#999;"><span class="red">声明:</span>本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。</p> <p class="article-relative-header">相关文章</p> <p class="article-relative-header">相关视频</p> <hr class="layui-clear"> <ul class="article-relative-ul"> <li> <span class="layui-badge-dots"></span><a class="relevant" href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuL2Rpdi10dXRvcmlhbC00ODc5NjIuaHRtbA==" target="_blank" rel="nofollow">html下拉菜单文字怎么变小</a> </li> <li> <span class="layui-badge-dots"></span><a class="relevant" href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuL2Rpdi10dXRvcmlhbC00ODc5NjAuaHRtbA==" target="_blank" rel="nofollow">HTML里怎么设置thead表头的颜色</a> </li> <li> <span class="layui-badge-dots"></span><a class="relevant" href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuL2Rpdi10dXRvcmlhbC00ODYyNzguaHRtbA==" target="_blank" rel="nofollow">html5中元素能拉伸宽度吗</a> </li> <li> <span class="layui-badge-dots"></span><a class="relevant" href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuL2Rpdi10dXRvcmlhbC00ODc5ODcuaHRtbA==" target="_blank" rel="nofollow">html中怎么清除li黑点</a> </li> <li> <span class="layui-badge-dots"></span><a class="relevant" href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuL2Rpdi10dXRvcmlhbC0yNjg3NzUuaHRtbA==" target="_blank" rel="nofollow">HTML常见标签学习与笔记总结_html/css_...</a> </li> </ul> <ul class="article-relative-ul"> <li> <span class="layui-badge-dots"></span><a class="relevant" href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuL2NvZGUvNDY5MTguaHRtbA==" target="_blank" title="接口与抽象类01" rel="nofollow">接口与抽象类01</a> </li> <li> <span class="layui-badge-dots"></span><a class="relevant" href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuL2NvZGUvNDY5MTcuaHRtbA==" target="_blank" title="类的composer自动加载机制" rel="nofollow">类的composer自动加载机制</a> </li> <li> <span class="layui-badge-dots"></span><a class="relevant" href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuL2NvZGUvNDY5MTYuaHRtbA==" target="_blank" title="composer原理与常用命令03" rel="nofollow">composer原理与常用命令03</a> </li> <li> <span class="layui-badge-dots"></span><a class="relevant" href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuL2NvZGUvNDY5MTUuaHRtbA==" target="_blank" title="composer原理与常用命令02" rel="nofollow">composer原理与常用命令02</a> </li> </ul> <div class="comment layui-clear CopyrightData"> <div class="J_Header" id="J_Header"> <p class="header-title">网友评论</p> <p class="header-protocol">文明上网理性发言,请遵守 新闻评论服务协议</p>我要评论</div> <div class="text-box layui-clear article_comment_textarea"> <div class="box-left"> <li><a href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuamF2YXNjcmlwdDpsb2dpbl90cmlnZ2VyKCk=" target="_blank" rel="nofollow"><img onerror="this.src='/statics/superweb999/images/image_error.jpg'"src="/default/index/img?u=L3N0YXRpYy9pbWFnZXMvdXNlcl9hdmF0YXIuanBn" alt="HTML常见标签学习与笔记总结_html/css_WEB-ITnose" title="HTML常见标签学习与笔记总结_html/css_WEB-ITnose"></a></li> <li><a href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuamF2YXNjcmlwdDpsb2dpbl90cmlnZ2VyKCk=" target="_blank" rel="nofollow"></a></li> </div> <div class="box-right"> <textarea name="desc" placeholder="请输入内容" class="layui-textarea article_textarea"></textarea><button class="layui-btn article_publish" data-id="268775">立即提交</button> </div> </div> </div> <div class="article-hot layui-clear" style="margin-top:0"> <h2>专题推荐</h2> <ul> <li> <a href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuL21hcC9kdWd1Lmh0bWw=" target="_blank" rel="nofollow"><img onerror="this.src='/statics/superweb999/images/image_error.jpg'"src="/default/index/img?u=aHR0cHM6Ly9pbWcucGhwLmNuL3VwbG9hZC9hcnRpY2xlLzAwMC8wMDAvMDAzLzVkMWVmMWU5ZTg2NmU2MzUuanBn" alt="HTML常见标签学习与笔记总结_html/css_WEB-ITnose" title="HTML常见标签学习与笔记总结_html/css_WEB-ITnose"></a><a class="course-title" href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuL21hcC9kdWd1Lmh0bWw=" target="_blank" rel="nofollow">独孤九贱-php全栈开发教程</a><p class="course-type">全栈 <i class="layui-icon layui-icon-user"></i> 170W+</p> <p class="course-des">主讲:Peter-Zhu 轻松幽默、简短易学,非常适合PHP学习入门</p> </li> <li> <a href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuL21hcC95dW52Lmh0bWw=" target="_blank" rel="nofollow"><img onerror="this.src='/statics/superweb999/images/image_error.jpg'"src="/default/index/img?u=aHR0cHM6Ly9pbWcucGhwLmNuL3VwbG9hZC9hcnRpY2xlLzAwMC8wMDAvMDAzLzVkMWVmMjM2Y2E4Nzg5NDkuanBn" alt="HTML常见标签学习与笔记总结_html/css_WEB-ITnose" title="HTML常见标签学习与笔记总结_html/css_WEB-ITnose"></a><a class="course-title" href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuL21hcC95dW52Lmh0bWw=" target="_blank" rel="nofollow">玉女心经-web前端开发教程</a><p class="course-type">入门 <i class="layui-icon layui-icon-user"></i> 80W+</p> <p class="course-des">主讲:灭绝师太 由浅入深、明快简洁,非常适合前端学习入门</p> </li> <li> <a href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuL3RvdXRpYW8tNDA5MjIxLmh0bWw=" target="_blank" rel="nofollow"><img onerror="this.src='/statics/superweb999/images/image_error.jpg'"src="/default/index/img?u=aHR0cHM6Ly9pbWcucGhwLmNuL3VwbG9hZC9hcnRpY2xlLzAwMC8wMDAvMDAzLzVkMWVmMjQ3N2M3ZDc1ODcuanBn" alt="HTML常见标签学习与笔记总结_html/css_WEB-ITnose" title="HTML常见标签学习与笔记总结_html/css_WEB-ITnose"></a><a class="course-title" href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuL3RvdXRpYW8tNDA5MjIxLmh0bWw=" target="_blank" rel="nofollow">天龙八部-实战开发教程</a><p class="course-type">实战 <i class="layui-icon layui-icon-user"></i> 120W+</p> <p class="course-des">主讲:西门大官人 思路清晰、严谨规范,适合有一定web编程基础学习</p> </li> </ul> </div> <div class="layui-col-md4 article-list-right "> <div class="panel"> <div class="panel-title">作者信息</div> <div id="profile-2"> <div class="avatar-wrap"><a href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuL21lbWJlci8xLmh0bWw=" target="_blank" class="avatar-link" rel="nofollow"><img onerror="this.src='/statics/superweb999/images/image_error.jpg'"src="/default/index/img?u=L3N0YXRpYy9pbWFnZXMvdXNlcl9hdmF0YXIuanBn" class="func-um_user gravatar avatar avatar-120 um-avatar um-avatar-uploaded" alt="HTML常见标签学习与笔记总结_html/css_WEB-ITnose" title="HTML常见标签学习与笔记总结_html/css_WEB-ITnose"></a></div> <div class="profile-info"> <p><span class="author-name"></span><i class="layui-icon layui-icon-auz" title="认证作者"></i></p> <p class="author-description">认证0级讲师</p> </div> </div> </div> <div class="layui-clear"><a href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuamF2YXNjcmlwdDpwdWJsaXNoX2FydGljbGUoKQ==" class="layui-btn layui-btn-danger article-add" target="_blank" rel="nofollow">发布技术文章</a></div> <div class="top-article layui-clear"><div class="layui-tab layui-tab-card"> <ul class="layui-tab-title"> <li class="layui-this">最新文章</li> <li>热门排行</li> </ul> <div class="layui-tab-content"> <div class="layui-tab-item layui-show"><ul> <p class="top-img"><a href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuL2suaHRtbD90PTI=" target="_blank" title="线上直播班" rel="nofollow"><img onerror="this.src='/statics/superweb999/images/image_error.jpg'"src="/default/index/img?u=aHR0cHM6Ly9pbWcucGhwLmNuL3VwbG9hZC9jb3Vyc2UvMDAwLzAwMC8wNzEvNjIwYzY1MTc4NTg5ZDg5NS5wbmc=" style="width: 100%" alt="HTML常见标签学习与笔记总结_html/css_WEB-ITnose" title="HTML常见标签学习与笔记总结_html/css_WEB-ITnose"></a></p> <li><a href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuL2Rpdi10dXRvcmlhbC00ODc5ODcuaHRtbA==" target="_blank" title="html中怎么清除li黑点" rel="nofollow">html中怎么清除li黑点</a></li> <li><a href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuL2Rpdi10dXRvcmlhbC00ODc5NjIuaHRtbA==" target="_blank" title="html下拉菜单文字怎么变小" rel="nofollow">html下拉菜单文字怎么变小</a></li> <li><a href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuL2Rpdi10dXRvcmlhbC00ODc5NjAuaHRtbA==" target="_blank" title="HTML里怎么设置thead表头的颜色" rel="nofollow">HTML里怎么设置thead表头的颜色</a></li> <li><a href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuL2Rpdi10dXRvcmlhbC00ODc5NTkuaHRtbA==" target="_blank" title="html的name和value是什么意思" rel="nofollow">html的name和value是什么意思</a></li> <li><a href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuL2Rpdi10dXRvcmlhbC00ODc5NTguaHRtbA==" target="_blank" title="html如何给背景图片设置透明度" rel="nofollow">html如何给背景图片设置透明度</a></li> <li><a href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuL2Rpdi10dXRvcmlhbC00ODc5NTUuaHRtbA==" target="_blank" title="html中怎么让列表横向排列" rel="nofollow">html中怎么让列表横向排列</a></li> <li><a href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuL2Rpdi10dXRvcmlhbC00ODc2OTkuaHRtbA==" target="_blank" title="html5怎么创建跳转页尾超链接" rel="nofollow">html5怎么创建跳转页尾超链接</a></li> <li><a href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuL2Rpdi10dXRvcmlhbC00ODY2MDAuaHRtbA==" target="_blank" title="十分钟搞懂form标签中的GET和POST提交方式" rel="nofollow">十分钟搞懂form标签中的GET和POST提交方式</a></li> </ul></div> <div class="layui-tab-item"><ul> <p class="top-img"><a href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuL3RvdXRpYW8tMzg3MDcyLmh0bWw=" target="_blank" title="面对巨额亏损的PHP中文网,我该为情怀买单吗?(猪哥)" rel="nofollow"><img onerror="this.src='/statics/superweb999/images/image_error.jpg'"src="/default/index/img?u=aHR0cHM6Ly9pbWcucGhwLmNuL3VwbG9hZC9hcnRpY2xlLzAwMC8wMDAvMDAzLzViODkwYTllNDQxN2Y4NzIucG5n" style="width: 100%" alt="HTML常见标签学习与笔记总结_html/css_WEB-ITnose" title="HTML常见标签学习与笔记总结_html/css_WEB-ITnose"></a></p> <li><a href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuL2Rpdi10dXRvcmlhbC00MTM2ODUuaHRtbA==" target="_blank" title="404 not found是什么意思" rel="nofollow">404 not found是什么意思</a></li> <li><a href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuL2Rpdi10dXRvcmlhbC00MTQzMDMuaHRtbA==" target="_blank" title="DOM是什么意思" rel="nofollow">DOM是什么意思</a></li> <li><a href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuL2Rpdi10dXRvcmlhbC00MTg3NzIuaHRtbA==" target="_blank" title="url是什么意思?" rel="nofollow">url是什么意思?</a></li> <li><a href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuL2Rpdi10dXRvcmlhbC00MTQyNTIuaHRtbA==" target="_blank" title="如何改变图片大小" rel="nofollow">如何改变图片大小</a></li> <li><a href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuL2Rpdi10dXRvcmlhbC00MTI4OTMuaHRtbA==" target="_blank" title="html是什么" rel="nofollow">html是什么</a></li> <li><a href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuL2Rpdi10dXRvcmlhbC00MTMzNzQuaHRtbA==" target="_blank" title="html如何创建电子邮件链接" rel="nofollow">html如何创建电子邮件链接</a></li> <li><a href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuL2Rpdi10dXRvcmlhbC00MTI1MjAuaHRtbA==" target="_blank" title="HTML编辑器有哪些?最好用的4款HTML编辑器推荐" rel="nofollow">HTML编辑器有哪些?最好用的4款HTML编辑器推荐</a></li> <li><a href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuL2Rpdi10dXRvcmlhbC00MTE1NDQuaHRtbA==" target="_blank" title="如何制作一个简单的HTML登录页面(附代码)" rel="nofollow">如何制作一个简单的HTML登录页面(附代码)</a></li> </ul></div> </div> </div></div> <div class="article-ad article-course php-news-right-imginfo"> <div class="r-title"> <i class="layui-icon layui-icon-praise"></i>推荐视频教程</div> <li> <a href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuL2NvdXJzZS8xNzkuaHRtbA==" target="_blank" rel="nofollow"><img onerror="this.src='/statics/superweb999/images/image_error.jpg'"src="/default/index/img?u=aHR0cHM6Ly9pbWcucGhwLmNuL3VwbG9hZC9jb3Vyc2UvMDAwLzAwMC8wMDMvNWExNzk4MmQ0ODY4NjI1NC5qcGc=" alt="HTML常见标签学习与笔记总结_html/css_WEB-ITnose" title="HTML常见标签学习与笔记总结_html/css_WEB-ITnose"></a><span><a href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuL2NvdXJzZS8xNzkuaHRtbA==" target="_blank" rel="nofollow">javascript初级视频教程</a></span> </li> <li> <a href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuL2NvdXJzZS8xODEuaHRtbA==" target="_blank" rel="nofollow"><img onerror="this.src='/statics/superweb999/images/image_error.jpg'"src="/default/index/img?u=aHR0cHM6Ly9pbWcucGhwLmNuL3VwbG9hZC9jb3Vyc2UvMDAwLzAwMC8wMDMvNWExNzkyODNjMzg4NTcwMy5qcGc=" alt="HTML常见标签学习与笔记总结_html/css_WEB-ITnose" title="HTML常见标签学习与笔记总结_html/css_WEB-ITnose"></a><span><a href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuL2NvdXJzZS8xODEuaHRtbA==" target="_blank" rel="nofollow">jquery 基础视频教程</a></span> </li> </div> <div class="article-ad mt-20" id="aritcle_detail_new"> <div class="r-title"> <i class="layui-icon layui-icon-video"></i>视频教程分类</div> <ul class="course-category-lists layui-clear"> <li><a href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuL2NvdXJzZS9saXN0LzI5L3R5cGUvMi5odG1s" target="_blank" rel="nofollow"><div class="course-category-child-first">php视频教程</div></a></li> <li><a href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuL2NvdXJzZS9saXN0LzExLmh0bWw=" target="_blank" rel="nofollow"><div class="course-category-child-first">html视频教程</div></a></li> <li><a href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuL2NvdXJzZS9saXN0LzEyLmh0bWw=" target="_blank" rel="nofollow"><div class="course-category-child-first">css视频教程</div></a></li> <li><a href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuL2NvdXJzZS9saXN0LzE3Lmh0bWw=" target="_blank" rel="nofollow"><div class="course-category-child-first">JS视频教程</div></a></li> <li><a href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuL2NvdXJzZS9saXN0LzE5Lmh0bWw=" target="_blank" rel="nofollow"><div class="course-category-child-first">jQuery视频教程</div></a></li> <li><a href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuL2NvdXJzZS9saXN0LzUxLmh0bWw=" target="_blank" rel="nofollow"><div class="course-category-child-first">mysql视频教程</div></a></li> <li><a href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuL2NvdXJzZS9saXN0LzMzLmh0bWw=" target="_blank" rel="nofollow"><div class="course-category-child-first">Linux视频教程</div></a></li> <li><a href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuL2NvdXJzZS9saXN0LzMwLmh0bWw=" target="_blank" rel="nofollow"><div class="course-category-child-first">Python视频教程</div></a></li> </ul> </div> </div> <iframe src="/adapp1.html" frameborder="0" style="position: fixed;bottom:0;right:0;z-index:99999;"></iframe><div class="layui-clear layui-bg-black php-ul-li footer_top_margin"><div class="layui-row layui-main"> <div class="layui-col-md9"> <ul class="php-float-left"> <li><a href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuLw==" target="_blank" title="网站首页" rel="nofollow">网站首页 </a></li> <li><a href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuL2NvdXJzZS9saXN0LzI5L3R5cGUvMi5odG1s" target="_blank" title="PHP视频" rel="nofollow">PHP视频</a></li> <li><a href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuL2NvdXJzZS9saXN0LzI5L3R5cGUvNC5odG1s" target="_blank" title="PHP实战" rel="nofollow">PHP实战</a></li> <li><a href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuL2NvdXJzZS9saXN0LzI5L3R5cGUvMS5odG1s" target="_blank" title="PHP代码" rel="nofollow">PHP代码</a></li> <li><a href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuL2NvdXJzZS9saXN0LzI5L3R5cGUvMy5odG1s" target="_blank" title="PHP手册" rel="nofollow">PHP手册</a></li> <li><a href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuL3dpa2lzLmh0bWw=" target="_blank" title="词条" rel="nofollow">词条</a></li> <li><a href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuL3dyaXRlLmh0bWw=" target="_blank" title="手记" rel="nofollow">手记</a></li> <li><a href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuL2RpYy5odG1s" target="_blank" title="手记" rel="nofollow">编程词典</a></li> <li><a href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuL2suaHRtbA==" target="_blank" rel="nofollow">php培训</a></li> </ul> <p class="layui-clear footer_phpcn">:公益在线php培训,帮助PHP学习者快速成长!</p> <p class="footer_phpcn_record">Copyright 2014-2021 https://www.php.cn/ All Rights Reserved | <a href="https://beian.miit.gov.cn/" style="color: #9c9c9c;" rel="nofollow" target="_blank">苏ICP备2020058653号-1</a><a href="http://112.30.63.109:8887/showEi?id=6a58f74d17984675aa1b671d0fa101cf&url=php.cn" rel="nofollow" target="_blank"><img onerror="this.src='/statics/superweb999/images/image_error.jpg'"src="/default/index/img?u=L3N0YXRpYy9pbWFnZXMvZm9vdF9saW5lLmdpZg==" alt="HTML常见标签学习与笔记总结_html/css_WEB-ITnose" title="HTML常见标签学习与笔记总结_html/css_WEB-ITnose"></a><span class="footer_phpcn_say" style="padding-left:15px;"><a href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuL2Fib3V0L3VzLmh0bWw=" target="_blank" rel="nofollow">关于我们</a><a href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuL2Fib3V0L2Rpc2NsYWltZXIuaHRtbA==" target="_blank" class="mr10" rel="nofollow">免责申明</a><a href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuL2Fib3V0L2RvbmF0ZS5odG1s" class="mr10" target="_blank" rel="nofollow">赞助与捐赠</a><a href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuL2Jsb2cvZGV0YWlsLzIwMzA0Lmh0bWw=" target="_blank" rel="nofollow">广告合作</a></span></p> </div> <div class="layui-col-md3" style="padding-top:15px;"> <img onerror="this.src='/statics/superweb999/images/image_error.jpg'"src="/default/index/img?u=L3N0YXRpYy9pbWFnZXMvcGhwY25fZXJ3ZWkuanBn" alt="HTML常见标签学习与笔记总结_html/css_WEB-ITnose" title="HTML常见标签学习与笔记总结_html/css_WEB-ITnose">   <img onerror="this.src='/statics/superweb999/images/image_error.jpg'"src="/default/index/img?u=L3N0YXRpYy9pbWFnZXMvcXEuanBn" alt="HTML常见标签学习与笔记总结_html/css_WEB-ITnose" title="HTML常见标签学习与笔记总结_html/css_WEB-ITnose"> </div> </div></div> <style>.layui-fixbar{bottom:200px;}</style> <input type="hidden" id="verifycode" value="/captcha.html"><link rel="stylesheet" id="_main-css" href="/static/css/viewer.min.css?2" type="text/css" media="all"> </table> </form>