就这么开始了？

1 是的！正式开始！

time:2025.12.11

---

1.1 一些基本标签

time:2025.12.11

标题：h1-h6
段落：p
段内换行：br
预留格式：pre，直接显示html文档内容，但是会识别到尖括号对儿"<"
段内分组：span（这个要在学css的时候才能更理解一点。。。）
绘制水平线：hr
注释：尖括号括起来“!-- (注释内容) --”，可跨行
超链接：a，href是底层寻找的东西，标签前后的才是在网页中显示的
OK实践一下：重庆邮电大学🤔还行吧
前面那个time，为什么是蓝的呢？因为href里写的是#，相当于只标蓝，yes
连续多个空格:在输出的时候，连续多个空格和连续多个换行，都会被浓缩成一个空格现实，对，包括换行。所以换行只能用br标签换行或者新建一个p段落，
如果想连续输出几个空格，就使用“& + nbsp”（你理解的，省略+号；牛逼space）能输出单个空格字符。
插入图片：img，使用src=“”链接图片地址（../表示上级目录），alt=“”表示无法找到图片时替补现实的文字。
举个例子：哈哈⬇️


        

OK，今天就先这么多吧（其实发现了个问题，就是图片大小有点超标了）end!

time:2025.12.12(睡不着半夜加更版)

区块：div,其中属性align设置区域文本的对齐格式（center）
无序列表：ul li
有序列表：ol li
表格：table tr（行），td（列，其中加粗表头用th），以及边框粗细设置border=1
OK又举个例子：区块演示
这回真要睡觉了，gotobed！明晚哦呸今晚再更新。（突然发现a的#会点击会直接跳转到页面最顶，是不是相当于重新加载网页🤔）
表单：form，其中有几个类型：
input（text输入，password密码，submit提交按钮，reset重置按钮，radio单选，checkbox多选）
select（option下拉列表）
textarea（文本框）
具体语法有点多，来这个网页看看 表单演示
语义化：说白了加粗、斜体、表单这类的更规范化的写法
strong：加粗
em：斜体
dl-dt-dd：三层关系，dl表示一个区块，没有什么可见的显示，dt表示一个标题，dd表示对dt的一个解释
那么就让我稍微美化一些现在的网页吧。done！这下有得加粗看了。
        

---

1.2 css

这里内容有点多，所以还是老规矩，把例子放在这儿了➡️CSS测试
首先是几种定义style的办法
1.在元素内定义（临时定义这个会比较方便）
2.在body上的head定义
3.在css文件中定义（这个会比较好使，css里修改了所有引用了css文件的都能同步修改）
引入css的方法：在head里link：css然后tab，href填写css文件相对地址就好。
        

time：2025.12.14（六级废物版）

CSS选择器：
标签选择器：在head里定义标签文本的样式（如p{}、h1{}、hr{}），大括号内填写属性
类别选择器：.(类别名),用于定义一种类型可供所有标签引用，标签后引用 class="(类别名)"
ID选择器【少用】：#(ID名)，类似于类别选择器，但是只能用一次，标签引用id="(ID名)"
嵌套声明：标签 span{}定义span内的格式，使用时在设定的标签内span内的文字就会显示特定的格式
集体声明：标签1，标签2{}，在使用标签时所有标签都会使用定义的格式，用于默认格式
全局声明：*{}，和集体声明一样，但是针对所有标签有效，默认格式的一种
注意：格式选择遵循就近原则，也就是说标签内定义的格式 > head定义的格式 > 引用的CSS文件规定的格式
        

今天也做了很多了，瞎搞了一下午了，就先这样吧，准备期末！

time：2025.12.15（很困但半夜想更新版本）

首先讲点重要的事，服务器已经购买并准备好了，目前已经上线IP 8.148.150.91，域名也已经购买，正在等ICP过审
也是熬到上线了！！！等待前端基本学完，就开始做后端和数据库。
已经有了初步想做的一些东西。立个flag吧：2026.2.29日做到1.0版网站上线。现在这个index也要隐退为一个小版块了🥹
OK开始今天学的内容吧。

盒子模型：
简单理解就是一个div由内到外的几个部分：
content（内容）、padding（内边距）、border（边框）、margin（外边距）
其中后三个属性都分为四个方向：top、right、bottom、left（顺序也是这样）
overflow属性：在content内容太多的时候，可以有三种选择：hidden、scroll、auto
border属性：分为width、style（dashed、dotted、solid、double）、color属性，可连写
由此可做水平分割线：height:1px; idth:auto; border-top:1px solid #ffffff
padding和margin属性：首先最重要的一点是浏览器有默认值，需要对其清零
*{
padding:0;
margin:0;
}
同样的padding和margin也分为四个方向，垂直方向的边距不会叠加只会取最大值！！！
水平居中：margin:0 auto; 意味垂直方向外边距都是0，但是水平方向由浏览器自动计算居中
一个div有多图，需要设置font-size:0 否则div水平间有间隙
OK实践环节：我想了想还是用这个做吧 区块演示
        

今天好累，更新了一点点吧不算太多，明天有空继续更，不过看样子会少很多了

time:2025.12.16

今天也没啥好更新的，主要就是更新了个游戏在最上边，随便看看吧，毕竟不是我写的，ai写的
        

---