一、表单：
网页仅有表单才能接收用户输入信息、并将信息提交到服务器进行处理。
表单在网页中主要负责数据采集功能。一个表单有三个基本组成部分： 表单标签：这里面包含了处理表单数据所用CGI程序的URL以及数据提交到服务器的方法。 表单域：包含了文本框、密码框、隐藏域、多行文本框、复选框、单选框、下拉选择框和文件上传框等。 表单按钮：包括提交按钮、复位按钮和一般按钮；用于将数据传送到服务器上的CGI脚本或者取消输入，还可以用表单按钮来控制其他定义了处理脚本的处理工作。
2024年10月16日
一、表单：
网页仅有表单才能接收用户输入信息、并将信息提交到服务器进行处理。
表单在网页中主要负责数据采集功能。一个表单有三个基本组成部分： 表单标签：这里面包含了处理表单数据所用CGI程序的URL以及数据提交到服务器的方法。 表单域：包含了文本框、密码框、隐藏域、多行文本框、复选框、单选框、下拉选择框和文件上传框等。 表单按钮：包括提交按钮、复位按钮和一般按钮；用于将数据传送到服务器上的CGI脚本或者取消输入，还可以用表单按钮来控制其他定义了处理脚本的处理工作。
2024年10月16日
1：设置表格的边框
Border：设置表格边框；
Border-collapse：设置边框分离，合并 默认是 separate(分离) collapse 合并；
Border-spacing ：设置单元格的间距；
Padding：设置单元格内容和边框之间的距离；
2：设置表格的宽度
Table-layout：设置宽度
默认 auto 自动方式，根据单元格的内容自动调整宽度；
比如输入1111，宽度为50，属性设为auto后，输入111111111会自动增加宽度。
2024年10月16日
在现代网页设计中，表格依然扮演着不可或缺的角色。无论是数据展示、报表制作还是复杂布局，合理运用HTML中的<table>标签可以极大地提升网页的信息结构和用户体验。本文将详细解析HTML表格的高级技巧和创新应用，帮助开发者和设计师精确掌握使用HTML表格的最佳实践。
2024年10月16日
<table> 元素不是作为布局工具而设计的。
<table> 元素的作用是显示表格化的数据。
这里设置的solid是定义实线。
使用 <table> 元素能够取得布局效果，因为能够通过 CSS 设置表格元素的样式：
<html>
<head>
<style>
table.a {
width:100%;
border:5px solid #dfffdd;
}
table.a th, td {
padding:10px;
}
table.a th {
width:100px;
}
</style>
</head>
<body>
<table class="a">
<tr>
<th>
<img src="url" alt="Note" style="height:66px;width:66px">
</th>
<td>
The table element was not designed to be a layout tool.
</td>
</tr>
<tr>
<th>
<img src="url" alt="Note" style="height:66px;width:66px">
</th>
<td>
The table element was not designed to be a layout tool.
</td>
</tr>
</table>
</body>
</html>
2024年10月16日
目标
表格可以说是网页必备的元素之一，但是原生的表格样式都是很丑，列如表格加入边框的默认情况下，单元格与单元格之间有一定的空隙；设置单元格边框间距等等，都是可以通过css来设置自己的默认样式
默认情况下，表格有边框的情况下，内部看似有一层填充物，其实是表格的外边框和内部单元格的间距。
2024年10月16日
1. Doctype作用是什么？严格模式与混杂模式分别是如何触发这两种模式的，区分它们有何意义？
（1）<!DOCTYPE> 声明位于文档中的最前面，处于<html>标签之前。告知浏览器的解析器，用什么文档类型规范来解析这个文档。
（2）严格模式的排版和JavaScript运作模式是以该浏览器支持的最高标准运行。
（3）在混杂模式中，页面以宽松的向后兼容的方式显示。模拟老式浏览器的行为以防止站点无法工作。
（4）DOCTYPE不存在或格式不正确会导致文档以混杂模式呈现。
2024年10月16日
紧接着上一篇文章「Web前端开发进阶篇」CSS样式（下），我们来写下一篇文章哈，小伙伴们跟上我的节奏，动起来，Let's go！
【引言】
讲解之前呢，咱们还是有必要复习一下的，俗话说“温故而知新，可以为师矣”嘛，上一篇文章说了CSS样式中的背景，包括背景图像、重复、定位、大小、还有关联，还有CSS文本，包括文本字间隔、字母间隔、字符转化、文本修饰、空白符、方向、阴影等CSS文本处理，内容有点多，希望小白们多多练习，早日练成切页面神功（低调哈）。下面我们就直奔今日主题了。
2024年10月16日
要想写出优美的CSS作品，想象力固然很重要，然而基础也是不可忽略的。相信大部分人怕写CSS的原因是被它庞大的基础知识体系给吓到了，在此笔者推荐一个叫freecodecamp的网站，通过闯关的方式来学习前端三剑客，用它入门CSS是最佳的选择！
当你成功地入了门之后，便可以开始探索CSS的全貌了。本文是CSS属性的速查表，配合在线API文档使用即可
2024年10月16日
悬停第一步，先上效果图
这个其实是一个bootstrap实现的响应式导航，我们今儿要做的了其实是鼠标hover效果，看到那些个Home、About us...底下的三个小点点没有，这个就是一个sex的效果，鼠标移上会有仨点点，而这仨点点呢又不是一下子出来的，是从中间点点往两边散开 形成三个
好了上代码，html导航的结构就不用多说了把，ul li，相信你可以的
这里呢看到好多类是不是，因为用的是bootstrap的结构写的，平时静态的话其实不用那么复杂