• HTML&CSS


    HTML

    介绍

    HTML是一门语言,所有的网页都是用HTML这门语言编写出来的
    HyperText Markup Language 超文本标记语言
    超文本:超越文本的限制,除了文字信息,还可以定义图片,音频,视频等内容
    标记语言:由标签构成的语言
    HTML运行在浏览器上,标签是由浏览器来解析,不需要编译
    HTML标签都是预定义好的
    在任何地方都可以创建html文件,后缀名是.htm或.html
    W3C标准:网页主要由三部分组成:

    • 结构:HTML 人的骨骼
    • 表现:CSS 化妆师
    • 行为:JavaScript 唱跳rap

    结构标签

    标签描述
    定义HTML文档
    定义文档的信息
    </td><td>定义文档的标题</td></tr><tr><td><body></td><td>定义文档的主体</td></tr></tbody></table></div> <p>HTML标签不区分大小写<br>HTML标签属性值单双引皆可<br> </p> <h3><a name="t3"></a><a id="_20"></a>基础标签</h3> <div class="table-box"><table><thead><tr><th>标签</th><th>描述</th></tr></thead><tbody><tr><td><h1>~<h6></td><td>定义标题,h1最大,h6最小</td></tr><tr><td><font><br>color,size,face</td><td>定义文本的字体,字体尺寸,字体颜色<br>颜色也能用十六进制表示</td></tr><tr><td><b></td><td>加粗</td></tr><tr><td><i></td><td>倾斜</td></tr><tr><td><u></td><td>文本下划线</td></tr><tr><td><center></td><td>文本居中</td></tr><tr><td><p></td><td>段落</td></tr><tr><td><br></td><td>换行</td></tr><tr><td><hr></td><td>水平线</td></tr></tbody></table></div> <p><strong>转义字符</strong><br><img src="https://1000bd.com/contentImg/2024/04/25/f643ca948c8d400a.png" alt="Snipaste_2024-04-24_17-30-18.png"><br> </p> <h3><a name="t4"></a><a id="_35"></a>图片,音频,视频标签</h3> <div class="table-box"><table><thead><tr><th>标签</th><th>描述</th></tr></thead><tbody><tr><td><img></td><td>图片</td></tr><tr><td><audio></td><td>音频</td></tr><tr><td><video></td><td>视频</td></tr></tbody></table></div> <ul><li>img:定义图片 <ul><li>src:规定图片的url</li><li>height:图片的高度 单位是px(默认)像素,也可以%表示</li><li>width:图片的宽度</li></ul> </li><li>audio:音频 支持的音频的格式:MP3,WAV,OGG <ul><li>src:音频的url</li><li>controls:显示播放控件</li></ul> </li><li>video:视频 支持的音频格式:MP4,WebM,OGG <ul><li>src:视频的url</li><li>controls:显示播放控件</li></ul> </li></ul> <p><strong>注</strong>:</p> <ol><li>src引入的路径不能是本地的路径</li><li>对于video和audio必须书写播放控件属性controls<br> </li></ol> <h3><a name="t5"></a><a id="_58"></a>超链接标签</h3> <div class="table-box"><table><thead><tr><th>标签</th><th>描述</th></tr></thead><tbody><tr><td><a></td><td>定义超链接,用于链接到另一个资源</td></tr></tbody></table></div> <ul><li>href:指定访问资源的url</li><li>target:指定打开资源的方式 <ul><li>_self:默认值,在当前页面打开</li><li>_blank:在空白页面打开<br> </li></ul> </li></ul> <h3><a name="t6"></a><a id="_68"></a>列表标签</h3> <div class="table-box"><table><thead><tr><th>标签</th><th>描述</th></tr></thead><tbody><tr><td><ol></td><td>有序列表</td></tr><tr><td><ul></td><td>无序列表</td></tr><tr><td><li></td><td>列表项</td></tr></tbody></table></div> <ul><li>有序列表标签 order list <ul><li>type:默认值为1,然后标签li依次递增</li><li>type属性值:1,A,a,i,I</li></ul> </li><li>无序列表标签 unorder list <ul><li>type属性值:cirecle 空心圆</li><li>square 实心方形; disc 实心圆(默认的)<br> </li></ul> </li></ul> <h3><a name="t7"></a><a id="_82"></a>表格标签</h3> <div class="table-box"><table><thead><tr><th>标签</th><th>描述</th></tr></thead><tbody><tr><td><table></td><td>定义表格</td></tr><tr><td><tr></td><td>定义行</td></tr><tr><td><td></td><td>定义单元格</td></tr><tr><td><th></td><td>定义表头单元格</td></tr></tbody></table></div> <ul><li>table:定义表格 <ul><li>border:定义表格边框的宽度</li><li>width:规定表格的宽度</li><li>cellspacing:规定单元格之间的空白</li></ul> </li><li>tr:定义行 <ul><li>align:定义表格行的内容对齐方式</li></ul> </li><li>td:定义单元格 <ul><li>rowspan:规定单元格可横跨的行数</li><li>colspan:规定单元格可横跨的列数<br> </li></ul> </li></ul> <h3><a name="t8"></a><a id="_100"></a>布局标签</h3> <div class="table-box"><table><thead><tr><th>标签</th><th>描述</th></tr></thead><tbody><tr><td><div></td><td>定义HTML文档中的一个区域部分</td></tr><tr><td><span></td><td>用于组合行内</td></tr></tbody></table></div> <p></p> <h3><a name="t9"></a><a id="_107"></a>表单标签</h3> <div class="table-box"><table><thead><tr><th>标签</th><th>描述</th></tr></thead><tbody><tr><td><form></td><td>定义表单</td></tr><tr><td><input></td><td>定义表单项,通过type属性控制输入形式</td></tr><tr><td><label></td><td>为表单项定义标注</td></tr><tr><td><select></td><td>定义下拉列表</td></tr><tr><td><option></td><td>定义下拉列表的列表项</td></tr><tr><td><textarea></td><td>定义文本域</td></tr></tbody></table></div> <ul><li>form:定义表单 <ul><li>action:规定当提交表单时向何处发送表单数据,url</li><li>method:规定用于发送表单数据的方式 <ul><li>get: http://www.jd.com?username=&password=1234(默认方式) <ol><li>不安全</li><li>有大小限制</li><li>只能传输字符数据,传输格式:url?name=value&user=value</li></ol> </li><li>post:http://www.jd.com <ol><li>安全</li><li>没有大小限制</li><li>可以传输任意数据</li></ol> </li></ul> </li></ul> </li></ul> <p><strong>注</strong>:所有收集的数据必须放到form标签文本中</p> <ul><li>input:表单项,通过type属性控制输入形式 <ul><li>radio表示单选按钮,只能选择一个,通过name属性保证单选效果,要求name属性值必须一致</li><li>checkbox表示多选框或复用框</li><li>如果单选框和复选框被选中,那么需要给input标签加checked属性</li><li>hidden用户在页面看不到,其实在页面是存在的,场景就是:某种需求不需要给用户看,但是后台服务器需要数据,就可以将数据放到隐藏域的标签中</li></ul> </li></ul> <p><img src="https://1000bd.com/contentImg/2024/04/25/3acde584fcb56a80.png" alt="Snipaste_2024-04-24_20-24-52.png"></p> <ul><li>select :下拉列表 <ul><li>需要结合子标签option一起使用,有几个下拉项就有几个option</li><li>提交到后台的数据是用户当前选择的下拉项的option的value的值</li><li>option的属性selected表示当前下拉项被选中</li></ul> </li><li>textarea:由行和列组成 <ul><li>cols:列</li><li>rows:行<br> </li></ul> </li></ul> <h3><a name="t10"></a><a id="_147"></a>查阅文档</h3> <ol><li>百度:<a href="http:www.baidu.com" rel="nofollow">百度一下</a></li><li>W3C:<a href="http://www.w3school.com.cn/" rel="nofollow">w3c</a></li><li>MDN:<a href="https://developer.mozilla.org/zh-CN/" rel="nofollow">mdn</a><br> </li></ol> <h2><a name="t11"></a><a id="CSS_153"></a>CSS</h2> <p></p> <h3><a name="t12"></a><a id="_155"></a>介绍</h3> <p>Cascading Style Sheet:层叠样式表<br>是一门语言,控制网页表现<br> </p> <h3><a name="t13"></a><a id="_158"></a>导入方式</h3> <ol><li>内联样式:在内部使用style属性,属性值是css属性键值对</li></ol> <p><img src="https://1000bd.com/contentImg/2024/04/25/958ace1610df542e.png" alt="Snipaste_2024-04-24_21-27-54.png"></p> <ol start="2"><li>内部样式:定义</li></ol> <p><img src="https://1000bd.com/contentImg/2024/04/25/3e54ca39b4244d7a.png" alt="Snipaste_2024-04-24_21-28-13.png"></p> <ol start="3"><li>外部样式:定义link标签,引入外部的css文件</li></ol> <p><img src="https://1000bd.com/contentImg/2024/04/25/829588811e8f5f12.png" alt="Snipaste_2024-04-24_21-30-31.png"><br>2和3是在head标签中书写<br> </p> <h3><a name="t14"></a><a id="_172"></a>选择器</h3> <ol><li>元素选择器</li><li>id选择器</li><li>类选择器</li></ol> <p><img src="https://1000bd.com/contentImg/2024/04/25/39b4a55654d4a40b.png" alt="Snipaste_2024-04-24_21-32-45.png"><br>在css文件中书写单位不能省略<br> </p> <h3><a name="t15"></a><a id="_180"></a>属性</h3> <p>可以查阅<a href="https://www.w3school.com.cn/h.asp" rel="nofollow">https://www.w3school.com.cn/h.asp</a><br><img src="https://1000bd.com/contentImg/2024/04/25/264e84106ac64fc0.png" alt="Snipaste_2024-04-24_21-45-11.png"><br><img src="https://1000bd.com/contentImg/2024/04/25/6d2a4e0dacc48025.png" alt="Snipaste_2024-04-24_21-45-25.png"></p> <pre data-index="0" class="set-code-hide prettyprint"><code class="prism language-html has-numbering" onclick="mdcp.signin(event)" style="position: unset;"><span class="token comment"><!-- 文档类型声明标签,告知浏览器这个页面采取html版本来显示页面 --></span> <span class="token doctype"><span class="token punctuation"><!</span><span class="token doctype-tag">DOCTYPE</span> <span class="token name">html</span><span class="token punctuation">></span></span> <span class="token comment"><!-- 告诉浏览器这是一个英文网站,本页面采取英文显示,单也可以书写中文 --></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>html</span> <span class="token attr-name">lang</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>en<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>head</span><span class="token punctuation">></span></span> <span class="token comment"><!-- 必须书写,告知浏览器以UTF-8编码表编解码中文,如果不书写就会乱码 --></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>meta</span> <span class="token attr-name">charset</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>UTF-8<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>meta</span> <span class="token attr-name">http-equiv</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>X-UA-Compatible<span class="token punctuation">"</span></span> <span class="token attr-name">content</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>IE=edge<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>meta</span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>viewport<span class="token punctuation">"</span></span> <span class="token attr-name">content</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>width=device-width, initial-scale=1.0<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> <span class="token comment"><!-- 标题标签 --></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>title</span><span class="token punctuation">></span></span>title<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>title</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>head</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>body</span><span class="token punctuation">></span></span> <span class="token comment"><!-- 1.border属性:表示边框 1)border-width: 10px 边框的宽度是10px 2)border-style: dashed; 边框的样式 dashed 虚线 solid 实线 3)border-color: blue; 边框颜色 2.border:red solid 5px 是border-width: 10px;border-style: dashed;border-color: blue;的简写 --></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>div</span> <span class="token special-attr"><span class="token attr-name">style</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token value css language-css"><span class="token property">border</span><span class="token punctuation">:</span>red solid 5px <span class="token punctuation">;</span><span class="token property">background-color</span><span class="token punctuation">:</span> aqua</span><span class="token punctuation">"</span></span></span><span class="token punctuation">></span></span>div1<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>div</span><span class="token punctuation">></span></span> <span class="token comment"><!-- <div style="border-width: 10px;border-style: dashed;border-color: blue;">div1</div> --></span> <span class="token comment"><!-- css的属性:display,属性值如下: none 此元素不会被显示。 block 此元素将显示为块级元素,此元素前后会带有换行符。将行内标签变为块级标签 inline 默认。此元素会被显示为内联元素,元素前后没有换行符。将块级标签变为行内标签 --></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>div</span> <span class="token special-attr"><span class="token attr-name">style</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token value css language-css"><span class="token property">display</span><span class="token punctuation">:</span> none<span class="token punctuation">;</span></span><span class="token punctuation">"</span></span></span><span class="token punctuation">></span></span>张三<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>div</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>div</span> <span class="token special-attr"><span class="token attr-name">style</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token value css language-css"><span class="token property">display</span><span class="token punctuation">:</span> block<span class="token punctuation">;</span></span><span class="token punctuation">"</span></span></span><span class="token punctuation">></span></span>李四<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>div</span><span class="token punctuation">></span></span> <span class="token comment"><!-- 将块级标签变为行内标签 --></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>div</span> <span class="token special-attr"><span class="token attr-name">style</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token value css language-css"><span class="token property">display</span><span class="token punctuation">:</span> inline<span class="token punctuation">;</span></span><span class="token punctuation">"</span></span></span><span class="token punctuation">></span></span>王五<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>div</span><span class="token punctuation">></span></span> <span class="token comment"><!-- 将行内标签变为块级标签 --></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>span</span> <span class="token special-attr"><span class="token attr-name">style</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token value css language-css"><span class="token property">display</span><span class="token punctuation">:</span> block<span class="token punctuation">;</span></span><span class="token punctuation">"</span></span></span><span class="token punctuation">></span></span>哈哈<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>span</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>span</span><span class="token punctuation">></span></span>呵呵<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>span</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>body</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>html</span><span class="token punctuation">></span></span> <div class="hljs-button signin active" data-title="登录复制" data-report-click="{"spm":"1001.2101.3001.4334"}"></div></code><div class="hide-preCode-box"><span class="hide-preCode-bt" data-report-view="{"spm":"1001.2101.3001.7365"}"><img class="look-more-preCode contentImg-no-view" src="https://1000bd.com/contentImg/2022/06/27/191644837.png" alt="" title=""></span></div><ul class="pre-numbering" style=""><li style="color: rgb(153, 153, 153);">1</li><li style="color: rgb(153, 153, 153);">2</li><li style="color: rgb(153, 153, 153);">3</li><li style="color: rgb(153, 153, 153);">4</li><li style="color: rgb(153, 153, 153);">5</li><li style="color: rgb(153, 153, 153);">6</li><li style="color: rgb(153, 153, 153);">7</li><li style="color: rgb(153, 153, 153);">8</li><li style="color: rgb(153, 153, 153);">9</li><li style="color: rgb(153, 153, 153);">10</li><li style="color: rgb(153, 153, 153);">11</li><li style="color: rgb(153, 153, 153);">12</li><li style="color: rgb(153, 153, 153);">13</li><li style="color: rgb(153, 153, 153);">14</li><li style="color: rgb(153, 153, 153);">15</li><li style="color: rgb(153, 153, 153);">16</li><li style="color: rgb(153, 153, 153);">17</li><li style="color: rgb(153, 153, 153);">18</li><li style="color: rgb(153, 153, 153);">19</li><li style="color: rgb(153, 153, 153);">20</li><li style="color: rgb(153, 153, 153);">21</li><li style="color: rgb(153, 153, 153);">22</li><li style="color: rgb(153, 153, 153);">23</li><li style="color: rgb(153, 153, 153);">24</li><li style="color: rgb(153, 153, 153);">25</li><li style="color: rgb(153, 153, 153);">26</li><li style="color: rgb(153, 153, 153);">27</li><li style="color: rgb(153, 153, 153);">28</li><li style="color: rgb(153, 153, 153);">29</li><li style="color: rgb(153, 153, 153);">30</li><li style="color: rgb(153, 153, 153);">31</li><li style="color: rgb(153, 153, 153);">32</li><li style="color: rgb(153, 153, 153);">33</li><li style="color: rgb(153, 153, 153);">34</li><li style="color: rgb(153, 153, 153);">35</li><li style="color: rgb(153, 153, 153);">36</li><li style="color: rgb(153, 153, 153);">37</li><li style="color: rgb(153, 153, 153);">38</li><li style="color: rgb(153, 153, 153);">39</li><li style="color: rgb(153, 153, 153);">40</li><li style="color: rgb(153, 153, 153);">41</li><li style="color: rgb(153, 153, 153);">42</li><li style="color: rgb(153, 153, 153);">43</li><li style="color: rgb(153, 153, 153);">44</li></ul></pre> </div> </div> </li> <li class="list-group-item ul-li"> <b>相关阅读:</b><br> <nobr> <a href="/Article/Index/808767">【编程之路】面试必刷TOP101:动态规划(67-71,Python实现)</a> <br /> <a href="/Article/Index/1167627">QGIS下载在线地图(Google 卫星、esri 卫星)</a> <br /> <a href="/Article/Index/642850">Qt学习07 Qt中的坐标系统</a> <br /> <a href="/Article/Index/1382277">文心一言 VS 讯飞星火 VS chatgpt (115)-- 算法导论10.2 8题</a> <br /> <a href="/Article/Index/1412839">使用 Cloudflare 电子邮件路由轻松创建和路由电子邮件地址</a> <br /> <a href="/Article/Index/1318302">【kubernetes】使用virtual-kubelet扩展k8s</a> <br /> <a href="/Article/Index/969440">解决问题的思路很重要,运维领域,结果对,过程就对!</a> <br /> <a href="/Article/Index/1194621">Java中静态域和静态方法的一些梳理</a> <br /> <a href="/Article/Index/1381609">LoongArch 指令集设计——单周期5条指令exp5</a> <br /> <a href="/Article/Index/1284476">树结构处理,list和tree互转</a> <br /> </nobr> </li> <li class="list-group-item from-a mb-2"> 原文地址:https://blog.csdn.net/m0_69266818/article/details/138170684 </li> </ul> </div> <div class="col-lg-4 col-sm-12"> <ul class="list-group" style="word-break:break-all;"> <li class="list-group-item ul-li-bg" aria-current="true"> 最新文章 </li> <li class="list-group-item ul-li"> <nobr> <a href="/Article/Index/2040602">【FHE】我们如何实现同态加密推理(八):SiLU 的密文化——两条路径,和一个 8 字节的开关</a> <br /> <a href="/Article/Index/2040603">SQLcl 中 c/old/new 替换变量为何失效?先定位再替换</a> <br /> <a href="/Article/Index/2040604">不让模型写作文,直接从它脑子里读答案:Jev 决策在 .NET 的两条路线</a> <br /> <a href="/Article/Index/2040605">Halo插件:支持GitHub的图床附件策略</a> <br /> <a href="/Article/Index/2040606">电视投屏界的“一股清流”!SimpleTVCast 6.0.0-beta 抢先体验:无需TV端App,界面大换血!✨</a> <br /> <a href="/Article/Index/2040607">华三VXLAN集中式网关实战指南:Spine多活网关 + 双活接入(M-LAG)</a> <br /> <a href="/Article/Index/2040608">软件更好写之后口碑会更重要</a> <br /> <a href="/Article/Index/2040609">大 O、大 Omega、大 Theta 的区别,O(n) 复杂度是什么意思</a> <br /> <a href="/Article/Index/2040610">Java标签跳转:一个鲜为人知但却很实用的小技巧</a> <br /> <a href="/Article/Index/2040611">多智能体系统论文速读</a> <br /> </nobr> </li> </ul> <ul class="list-group pt-2" style="word-break:break-all;"> <li class="list-group-item ul-li-bg" aria-current="true"> 热门文章 </li> <li class="list-group-item ul-li"> <nobr> <a href="/Article/Index/888177">十款代码表白小特效 一个比一个浪漫 赶紧收藏起来吧!!!</a> <br /> <a href="/Article/Index/797680">奉劝各位学弟学妹们,该打造你的技术影响力了!</a> <br /> <a href="/Article/Index/888183">五年了,我在 CSDN 的两个一百万。</a> <br /> <a href="/Article/Index/888179">Java俄罗斯方块,老程序员花了一个周末,连接中学年代!</a> <br /> <a href="/Article/Index/797730">面试官都震惊,你这网络基础可以啊!</a> <br /> <a href="/Article/Index/797725">你真的会用百度吗?我不信 — 那些不为人知的搜索引擎语法</a> <br /> <a href="/Article/Index/797702">心情不好的时候,用 Python 画棵樱花树送给自己吧</a> <br /> <a href="/Article/Index/797709">通宵一晚做出来的一款类似CS的第一人称射击游戏Demo!原来做游戏也不是很难,连憨憨学妹都学会了!</a> <br /> <a href="/Article/Index/797716">13 万字 C 语言从入门到精通保姆级教程2021 年版</a> <br /> <a href="/Article/Index/888192">10行代码集2000张美女图,Python爬虫120例,再上征途</a> <br /> </nobr> </li> </ul> </div> </div> </div> <!-- 主体 --> <!--body结束--> <!--这里是footer模板--> <!--footer--> <nav class="navbar navbar-inverse navbar-fixed-bottom"> <div class="container"> <div class="row"> <div class="col-md-12 text-center"> <div style="padding:0px 5px;"> <a href="/tools">小工具</a> <a href="https://games.1000bd.com">小游戏</a> </div> <div class="text-muted center foot-height"> Copyright © 2022 侵权请联系<a href="mailto:2656653265@qq.com">2656653265@qq.com</a>    <a href="https://beian.miit.gov.cn/" target="_blank">京ICP备2022015340号-1</a> </div> <div style=" padding:5px 0;"> <a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010502049817" style="display:inline-block;text-decoration:none;height:20px;line-height:20px;"> <img src="" style="float:left;" /><p style="float:left;height:20px;line-height:20px;margin: 0px 0px 0px 5px; color:#939393;">京公网安备 11010502049817号</p></a> </div> </div> </div> </div> </nav> <!--footer--> <!--footer模板结束--> <script src="/js/plugins/jquery/jquery.js"></script> <script src="/js/bootstrap.min.js"></script> <!--这里是scripts模板--> <!--scripts模板结束--> </body> </html>