-
《HTML基础学习》
本文是记录Web前端学习笔记，内容来自书籍《Head First HTML 与 CSS》和 B站视频
https://www.bilibili.com/video/BV11t411K74Q，以Q&A形式记录，初次接触前端，如果有问题欢迎大家指正 ，本文适合跟我一样的Web前端初学者
Q：Web服务器的工作
- 不停的等待来自Web浏览器的请求，这些请求可能是图片，声音，也可能是视频
- 服务器收到这些请求资源时，会查找所有请求的资源，然后把找回的资源发回给浏览器
- 每个服务器会存储HTML文件，图像，声音，视频等，浏览器发送请求，要求得到HTML或其他资源，如果服务器找到这个资源，就会将它发送给浏览器
Q：Web浏览器的工作
- 单击链接访问某个页面，浏览器会向服务器请求一个HTML页面，服务器提供这个页面之后，把它发送到浏览器，在浏览器中显示
- 浏览器读到HTML时，会翻译文本中的所有标记
- 标记是由尖括号括起来的词或者字符，标记会告诉浏览器文本的结构和含义
Q：常用的标记都有哪些
- :告诉浏览器文件的内容是一个HTML
- : 首部包含Web的有关信息
- :指定页面主体，就是在浏览器中看到的那部分
- :标题字，html支持h1~h6
- :段落标签
- ：插入一段源代码
:删除字- : 表示已经被插入文档中的文本
- 粗体字
- :斜体字
- :在html中加简短的引用，引用的内容无需加双引号，浏览器会负责加上双引号；如果只是把一个引用放入现有的文字中用这个，属于内联元素，会显示在段落中
-
: 引用一段或者多段文字，是块元素，块元素会单独显示
-
表示回车，属于void 元素，没有任何内容，也属于void元素
-
：强调，想用不同的方式展示文本
-
：告诉浏览器这个内容是一个日期或者时间
-
: 加粗文本
-
102 表示2在10的右上角
-
10m 表示m在10的右下角
-
hi: 字体标签
-
实体符号：以&开始，以;结束 < 表示小于号 > 表示大于号 表示空格
Q：CSS简介
- css 可以描述如何表现你的内容，装饰html, 相当于给html化妆
- 使用 ，放在html首部里，即中
- background-color: 设置背景色
-
margin-left/:margin-right：设置左右外边距
-
border: 2px dotted balck: 设置边框为黑色虚线
-
padding ：设置内边距
-
font-family: 指定字体
Q：HTML创建超链接
- 超链接是用来创建指向另一个页面的链接，在浏览器中，链接文本会显示下划线，指示这是可以点击的
- html中使用href属性指定链接的目标文件，它是一个超文本引用，是互联网或者你的计算机上的一个资源的别称，通常这个资源是一个Web界面，也可以是一个PDF文档，实际上可以指向各种各样的资源
- href可以指定相对路径，链接到对应的文件夹中
- href:hot reference热引用，href属性后面一定是一个资源的地址，后面的路径可以是相对路径，也可以是网络中某个资源的路径，也可以是本地资源的路径
- 也可以给图片添加超链接
- <a href="https://www.baidu.com">
- <img src="../../../插画师/创作/《你还有我》.png" width="100px" />
- a>
- target 属性是规定超链接在哪个窗口打开，有以下几种打开方式
- _blank ：新窗口 _self: 当前窗口（默认） _top: 顶级窗口 _parent:父窗口
- 网页的路径里面，只能使用"/",不能使用"\"
Q：下拉列表如何支持多选
- 可以给 select 设置multiple属性，size指定设置条目的数量
- 按住ctrl键进行多选
- <select multiple="multiple" size="2">
- <option>英语option>
- <option>日语option>
- <option>韩语option>
- <option>西班牙语option>
- select>
Q：如何创建一个列表
- 使用两个元素，第一个元素标记每个列表项，第二个元素确定你创建的是哪种类型的列表：有序列表还是无序列表
- 第一步：将每个列表项放在一个 中
- 第二步：用
- 表示有序列表
- <ol type="A">
- <li>水果
- <ol type="i">
- <li>苹果li>
- <li>西瓜li>
- <li>桃子li>
- ol>
- li>
- <li>蔬菜li>
- <li>甜点li>
- ol>
- <ul type="circle">
- <li>中国
- <ul type="disc">
- <li>北京
- <ul type="square">
- <li>朝阳区li>
- <li>东城区li>
- ul>
- li>
- ul>
- li>
- ul>
- 表示无序列表
Q：图像
- 浏览器在页面中显示这个图像之前，必须先获取这个图像
- Web常用的3种格式：JPEG PNG GIF
- JPEG: 适合连续色调图像，比如照片； 可以包含1600万种不同颜色的图像； 是一种”有损“格式，缩小文件大小时，会丢失图像的一些信息； 不支持透明度； 文件比较小； 不支持动画
- PNG: 适合单色图像和线条构成的图像； 可以包含上百万种不同颜色的图像； 无损格式，缩小文件，不会丢失信息； 目前提供的格式有PNG-8 PNG-24 PNG-32 可以选择适当的文件大小
- GIF: 可以表示最多256种不同颜色的图像；无损格式； 支持透明度； 支持动画； 比相应的JPEG文件大； 只能设置一种颜色透明
- 使用选择方式: JPEG 擅长处理照片； PNG 适合需要透明和很多颜色的时候使用； GIF适合动图
Q：如何为你的页面增加图像
-
-
src 指定了在Web页面上显示的图像文件的位置
-
img是一个void元素
-
src不只是用于相对链接，还可以放入url
-
可以增加alt属性：指定描述这个图像的一些文本，主要是为了图片丢失显示该文字或者视觉障碍患者可以听到该图片的具体的描述信息
-
可以增加title属性：title是设置鼠标悬停显示的信息
Q：HTML的一些标准
- ：告诉浏览器我们在使用标准的HTML，即HTML5
- w3c验证工具：http://validator.w3.org
- w3c 这个工具对你写的html代码进行检查，有以下三种检查方式
- 如果你的页面在Web上，则可以在这里输入url,单击check按钮，这个服务会获取你的HTML，并完成检查
- 可以选择第2个标签，从计算机上上传一个文件，单击check按钮
- 将你的HTML复制到这个标签页的表单中，然后单击check按钮
-
：告诉浏览器采用哪一种字符集打开当前页面
-
只能在元素中放入
<meta> <style>元素</span></p> </li><li> <p><span style="color:#0d0016;"><!-- XXXX --> :HTML的注释</span></p> </li></ul> <p><strong><span style="background-color:#ffd900;">Q：如何使用HTML建立表格</span></strong></p> <ul><li><span style="color:#0d0016;">使用<table>元素来标记表格</span></li><li><span style="color:#0d0016;">tr元素是表格中的一行</span></li><li><span style="color:#0d0016;">th分别是每一列的表头</span></li><li><span style="color:#0d0016;">td表示表格中的一个单元格</span></li><li><span style="color:#0d0016;">thead tbody tfoot 用于表格切割，便于之后操作</span></li><li> <pre data-index="3" class="set-code-hide" name="code"><code class="language-html hljs language-xml"><ol class="hljs-ln" style="width:100%"><li><div class="hljs-ln-numbers"><div class="hljs-ln-line hljs-ln-n" data-line-number="1"></div></div><div class="hljs-ln-code"><div class="hljs-ln-line"> <span class="hljs-tag"><<span class="hljs-name">table</span> <span class="hljs-attr">border</span>=<span class="hljs-string">"1px"</span> <span class="hljs-attr">width</span>=<span class="hljs-string">"100%"</span> <span class="hljs-attr">height</span>=<span class="hljs-string">"150px"</span>></span></div></div></li><li><div class="hljs-ln-numbers"><div class="hljs-ln-line hljs-ln-n" data-line-number="2"></div></div><div class="hljs-ln-code"><div class="hljs-ln-line"> <span class="hljs-tag"><<span class="hljs-name">tr</span>></span></div></div></li><li><div class="hljs-ln-numbers"><div class="hljs-ln-line hljs-ln-n" data-line-number="3"></div></div><div class="hljs-ln-code"><div class="hljs-ln-line"> <span class="hljs-tag"><<span class="hljs-name">th</span>></span>员工编号<span class="hljs-tag"></<span class="hljs-name">th</span>></span></div></div></li><li><div class="hljs-ln-numbers"><div class="hljs-ln-line hljs-ln-n" data-line-number="4"></div></div><div class="hljs-ln-code"><div class="hljs-ln-line"> <span class="hljs-tag"><<span class="hljs-name">th</span>></span>员工薪资<span class="hljs-tag"></<span class="hljs-name">th</span>></span></div></div></li><li><div class="hljs-ln-numbers"><div class="hljs-ln-line hljs-ln-n" data-line-number="5"></div></div><div class="hljs-ln-code"><div class="hljs-ln-line"> <span class="hljs-tag"><<span class="hljs-name">th</span>></span>部门名称<span class="hljs-tag"></<span class="hljs-name">th</span>></span></div></div></li><li><div class="hljs-ln-numbers"><div class="hljs-ln-line hljs-ln-n" data-line-number="6"></div></div><div class="hljs-ln-code"><div class="hljs-ln-line"> <span class="hljs-tag"></<span class="hljs-name">tr</span>></span></div></div></li><li><div class="hljs-ln-numbers"><div class="hljs-ln-line hljs-ln-n" data-line-number="7"></div></div><div class="hljs-ln-code"><div class="hljs-ln-line"> <span class="hljs-tag"><<span class="hljs-name">tr</span> <span class="hljs-attr">align</span>=<span class="hljs-string">"center"</span>></span></div></div></li><li><div class="hljs-ln-numbers"><div class="hljs-ln-line hljs-ln-n" data-line-number="8"></div></div><div class="hljs-ln-code"><div class="hljs-ln-line"> <span class="hljs-tag"><<span class="hljs-name">td</span>></span>a<span class="hljs-tag"></<span class="hljs-name">td</span>></span></div></div></li><li><div class="hljs-ln-numbers"><div class="hljs-ln-line hljs-ln-n" data-line-number="9"></div></div><div class="hljs-ln-code"><div class="hljs-ln-line"> <span class="hljs-tag"><<span class="hljs-name">td</span>></span>b<span class="hljs-tag"></<span class="hljs-name">td</span>></span></div></div></li><li><div class="hljs-ln-numbers"><div class="hljs-ln-line hljs-ln-n" data-line-number="10"></div></div><div class="hljs-ln-code"><div class="hljs-ln-line"> <span class="hljs-tag"><<span class="hljs-name">td</span>></span>c<span class="hljs-tag"></<span class="hljs-name">td</span>></span></div></div></li><li><div class="hljs-ln-numbers"><div class="hljs-ln-line hljs-ln-n" data-line-number="11"></div></div><div class="hljs-ln-code"><div class="hljs-ln-line"> <span class="hljs-tag"></<span class="hljs-name">tr</span>></span></div></div></li><li><div class="hljs-ln-numbers"><div class="hljs-ln-line hljs-ln-n" data-line-number="12"></div></div><div class="hljs-ln-code"><div class="hljs-ln-line"> <span class="hljs-tag"><<span class="hljs-name">tr</span>></span></div></div></li><li><div class="hljs-ln-numbers"><div class="hljs-ln-line hljs-ln-n" data-line-number="13"></div></div><div class="hljs-ln-code"><div class="hljs-ln-line"> <span class="hljs-tag"><<span class="hljs-name">td</span>></span>d<span class="hljs-tag"></<span class="hljs-name">td</span>></span></div></div></li><li><div class="hljs-ln-numbers"><div class="hljs-ln-line hljs-ln-n" data-line-number="14"></div></div><div class="hljs-ln-code"><div class="hljs-ln-line"> <span class="hljs-tag"><<span class="hljs-name">td</span>></span>e<span class="hljs-tag"></<span class="hljs-name">td</span>></span></div></div></li><li><div class="hljs-ln-numbers"><div class="hljs-ln-line hljs-ln-n" data-line-number="15"></div></div><div class="hljs-ln-code"><div class="hljs-ln-line"> <span class="hljs-tag"><<span class="hljs-name">td</span>></span>f<span class="hljs-tag"></<span class="hljs-name">td</span>></span></div></div></li><li><div class="hljs-ln-numbers"><div class="hljs-ln-line hljs-ln-n" data-line-number="16"></div></div><div class="hljs-ln-code"><div class="hljs-ln-line"> <span class="hljs-tag"></<span class="hljs-name">tr</span>></span></div></div></li><li><div class="hljs-ln-numbers"><div class="hljs-ln-line hljs-ln-n" data-line-number="17"></div></div><div class="hljs-ln-code"><div class="hljs-ln-line"> <span class="hljs-tag"><<span class="hljs-name">tr</span>></span></div></div></li><li><div class="hljs-ln-numbers"><div class="hljs-ln-line hljs-ln-n" data-line-number="18"></div></div><div class="hljs-ln-code"><div class="hljs-ln-line"> <span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">align</span>=<span class="hljs-string">"center"</span>></span>x<span class="hljs-tag"></<span class="hljs-name">td</span>></span></div></div></li><li><div class="hljs-ln-numbers"><div class="hljs-ln-line hljs-ln-n" data-line-number="19"></div></div><div class="hljs-ln-code"><div class="hljs-ln-line"> <span class="hljs-tag"><<span class="hljs-name">td</span>></span>y<span class="hljs-tag"></<span class="hljs-name">td</span>></span></div></div></li><li><div class="hljs-ln-numbers"><div class="hljs-ln-line hljs-ln-n" data-line-number="20"></div></div><div class="hljs-ln-code"><div class="hljs-ln-line"> <span class="hljs-tag"><<span class="hljs-name">td</span>></span>z<span class="hljs-tag"></<span class="hljs-name">td</span>></span></div></div></li><li><div class="hljs-ln-numbers"><div class="hljs-ln-line hljs-ln-n" data-line-number="21"></div></div><div class="hljs-ln-code"><div class="hljs-ln-line"> <span class="hljs-tag"></<span class="hljs-name">tr</span>></span></div></div></li><li><div class="hljs-ln-numbers"><div class="hljs-ln-line hljs-ln-n" data-line-number="22"></div></div><div class="hljs-ln-code"><div class="hljs-ln-line"> <span class="hljs-tag"></<span class="hljs-name">table</span>></span></div></div></li></ol></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><div class="hljs-button signin active" data-title="登录复制" data-report-click="{"spm":"1001.2101.3001.4334"}" onclick="hljs.signin(event)"></div></pre> </li></ul> <p> <strong><span style="background-color:#ffd900;">Q：如何合并单元格</span></strong></p> <ul><li>方式：指定一个表格数据单元格占多少行，然后从这个单元格所跨越的其他行中删除对应的表格元素数据</li><li>row合并必须删除下面的单元格</li><li>col 合并删除哪个不影响</li><li>使用rowspan 和 colspan来实现单元格合并， rowspan = "2" 表示跨两行 colspan 表示跨多列</li><li> <pre data-index="4" class="set-code-show" name="code"><code class="language-html hljs language-xml"><ol class="hljs-ln" style="width:100%"><li><div class="hljs-ln-numbers"><div class="hljs-ln-line hljs-ln-n" data-line-number="1"></div></div><div class="hljs-ln-code"><div class="hljs-ln-line"> <span class="hljs-tag"><<span class="hljs-name">table</span> <span class="hljs-attr">border</span>=<span class="hljs-string">"1px"</span> <span class="hljs-attr">width</span>=<span class="hljs-string">"100%"</span> <span class="hljs-attr">height</span>=<span class="hljs-string">"150px"</span>></span></div></div></li><li><div class="hljs-ln-numbers"><div class="hljs-ln-line hljs-ln-n" data-line-number="2"></div></div><div class="hljs-ln-code"><div class="hljs-ln-line"> <span class="hljs-tag"><<span class="hljs-name">tr</span>></span></div></div></li><li><div class="hljs-ln-numbers"><div class="hljs-ln-line hljs-ln-n" data-line-number="3"></div></div><div class="hljs-ln-code"><div class="hljs-ln-line"> <span class="hljs-tag"><<span class="hljs-name">th</span>></span>员工编号<span class="hljs-tag"></<span class="hljs-name">th</span>></span></div></div></li><li><div class="hljs-ln-numbers"><div class="hljs-ln-line hljs-ln-n" data-line-number="4"></div></div><div class="hljs-ln-code"><div class="hljs-ln-line"> <span class="hljs-tag"><<span class="hljs-name">th</span>></span>员工薪资<span class="hljs-tag"></<span class="hljs-name">th</span>></span></div></div></li><li><div class="hljs-ln-numbers"><div class="hljs-ln-line hljs-ln-n" data-line-number="5"></div></div><div class="hljs-ln-code"><div class="hljs-ln-line"> <span class="hljs-tag"><<span class="hljs-name">th</span>></span>部门名称<span class="hljs-tag"></<span class="hljs-name">th</span>></span></div></div></li><li><div class="hljs-ln-numbers"><div class="hljs-ln-line hljs-ln-n" data-line-number="6"></div></div><div class="hljs-ln-code"><div class="hljs-ln-line"> <span class="hljs-tag"></<span class="hljs-name">tr</span>></span></div></div></li><li><div class="hljs-ln-numbers"><div class="hljs-ln-line hljs-ln-n" data-line-number="7"></div></div><div class="hljs-ln-code"><div class="hljs-ln-line"> <span class="hljs-tag"><<span class="hljs-name">tr</span>></span></div></div></li><li><div class="hljs-ln-numbers"><div class="hljs-ln-line hljs-ln-n" data-line-number="8"></div></div><div class="hljs-ln-code"><div class="hljs-ln-line"> <span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">colspan</span>=<span class="hljs-string">"2"</span>></span>de<span class="hljs-tag"></<span class="hljs-name">td</span>></span></div></div></li><li><div class="hljs-ln-numbers"><div class="hljs-ln-line hljs-ln-n" data-line-number="9"></div></div><div class="hljs-ln-code"><div class="hljs-ln-line"> <span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">rowspan</span>=<span class="hljs-string">"2"</span>></span>zf<span class="hljs-tag"></<span class="hljs-name">td</span>></span></div></div></li><li><div class="hljs-ln-numbers"><div class="hljs-ln-line hljs-ln-n" data-line-number="10"></div></div><div class="hljs-ln-code"><div class="hljs-ln-line"> <span class="hljs-tag"></<span class="hljs-name">tr</span>></span></div></div></li><li><div class="hljs-ln-numbers"><div class="hljs-ln-line hljs-ln-n" data-line-number="11"></div></div><div class="hljs-ln-code"><div class="hljs-ln-line"> <span class="hljs-tag"><<span class="hljs-name">tr</span>></span></div></div></li><li><div class="hljs-ln-numbers"><div class="hljs-ln-line hljs-ln-n" data-line-number="12"></div></div><div class="hljs-ln-code"><div class="hljs-ln-line"> <span class="hljs-tag"><<span class="hljs-name">td</span> <span class="hljs-attr">align</span>=<span class="hljs-string">"center"</span>></span>x<span class="hljs-tag"></<span class="hljs-name">td</span>></span></div></div></li><li><div class="hljs-ln-numbers"><div class="hljs-ln-line hljs-ln-n" data-line-number="13"></div></div><div class="hljs-ln-code"><div class="hljs-ln-line"> <span class="hljs-tag"><<span class="hljs-name">td</span>></span>y<span class="hljs-tag"></<span class="hljs-name">td</span>></span></div></div></li><li><div class="hljs-ln-numbers"><div class="hljs-ln-line hljs-ln-n" data-line-number="14"></div></div><div class="hljs-ln-code"><div class="hljs-ln-line"> <span class="hljs-tag"></<span class="hljs-name">tr</span>></span></div></div></li><li><div class="hljs-ln-numbers"><div class="hljs-ln-line hljs-ln-n" data-line-number="15"></div></div><div class="hljs-ln-code"><div class="hljs-ln-line"> <span class="hljs-tag"></<span class="hljs-name">table</span>></span></div></div></li></ol></code><div class="hljs-button signin active" data-title="登录复制" data-report-click="{"spm":"1001.2101.3001.4334"}" onclick="hljs.signin(event)"></div></pre> <p></p> </li></ul> </div> </div> </li> <li class="list-group-item ul-li"> <b>相关阅读:</b><br> <nobr> <a href="/Article/Index/1371584">Jmeter快速入门</a> <br /> <a href="/Article/Index/1460023">报错：HikariPool-1 - Exception during pool initialization.</a> <br /> <a href="/Article/Index/1194621">Java中静态域和静态方法的一些梳理</a> <br /> <a href="/Article/Index/984406">Android修行手册 - ConstraintLayout示例</a> <br /> <a href="/Article/Index/1374115">PCB批量制板---付费版经验</a> <br /> <a href="/Article/Index/1077508">【夜读】一个人成长的最好方式，是战胜自己</a> <br /> <a href="/Article/Index/856425">P1972 [SDOI2009] HH的项链</a> <br /> <a href="/Article/Index/1461117">跟李沐学AI-深度学习课程05线性代数</a> <br /> <a href="/Article/Index/1733747">net Framework OAuth2.0</a> <br /> <a href="/Article/Index/1461404">2.4 矩阵的运算法则</a> <br /> </nobr> </li> <li class="list-group-item from-a mb-2"> 原文地址：https://blog.csdn.net/chenjieyujiayou/article/details/127713035 </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/1906469">【JVM】编译执行与解释执行的区别是什么？JVM 使用哪种方式？</a> <br /> <a href="/Article/Index/1907193">用 Hashids 优雅解决 C 端自增 ID 暴露问题</a> <br /> <a href="/Article/Index/1907195">V8引擎 精品漫游指南--Ignition篇(上) 指令 栈帧 槽位 调用约定 内存布局 基础内容</a> <br /> <a href="/Article/Index/1907196">LLVM Pass快速入门(四)：代码插桩</a> <br /> <a href="/Article/Index/1907197">milkup：桌面端 markdown AI续写和即时渲染</a> <br /> <a href="/Article/Index/1907198">基于项目工程构建SBOM（软件物料清单）的研究</a> <br /> <a href="/Article/Index/1907199">鸿蒙应用开发UI基础第二节：鸿蒙应用程序框架核心解析与实操</a> <br /> <a href="/Article/Index/1907200">.NET 中如何快速实现 List 集合去重？</a> <br /> <a href="/Article/Index/1907201">扣子Coze实战：从0到1打造抖音+小红书热点监控智能体</a> <br /> <a href="/Article/Index/1907202">浅谈数据访问层</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>
