注：原笔记是在word文档中编写，部分注释无法被直接复制，是空的，后续请看分享的百度链接查看word文档。
Img src’图片路径’ width’宽度’ height’高度’ title‘鼠标悬停提示‘ alt’图片加载失败的提示’
.是当前文件夹所在目录
..是当前文件所在的目录的上级目录（返回 ./../img/img.jpg
（这个路径的意思就是当前文件夹的上一个文件夹里的img文件夹里的img图片，这里就是本地协议的路径，不能直接用c盘目录复制路径，通常不会用./写的很复杂，如果超过两个..就会直接用本地路径路径代替）
块元素和行内元素的特点：在页面中独占一整行的是块元素，不会独占一行的是行内元素。
元素之间的关系：
-
父标签，子标签
-
祖先标签，后代标签
-
兄弟标签
<ul>
<li></li>
</ul>
一个两行两列的表格。
```html <td></td>
<td></td>单元格合并的属性：
单元格合并是从左往右，从下到上合并的。
处理思路：
想要合并单元格，实际上是进行了被合并单元格的删除，未被删除的单元格将占据被删除的单元格所占据的长度，图例：
跨行合并的关系：
处理办法就是先删除然后再设置跨行合并。
所用的属性：
Rowspan：跨行合并（竖着合并）
Colspan：跨列合并（横着合并）
注：删掉是直接在代码里删掉，比如：
<table width=”800px” border=”2px”>(这里设置每个表格的宽度和表格线条的宽度)<b>同学通讯录</b>(可以通过这样的方式来设置加粗的文字)```</caption>(这个标签的作用是设置剧中格式的标题)
<tr align=”center”>(这里的意思就是设置父标签下的所有标签的格式都是居中显示，这样要比对子标签进行操作更加方便快捷而且修改更加容易)
<th bgcolor=”red”>姓名</th>(th标签自动设置了居中，bgcolor是设置背景的颜色)
<td>性别</td>
<td>电话</td>
<td colspan=”2”>兴趣爱好</td>
<td></td>(把这一部分删掉，然后在第四行的时候使用跨列合并,也就是使用colspan属性)
</tr>
</table>当然，我们注意到，如果最后一行没有内容的话，高度会被压缩的很小，很不美观，如果我们想用空白填充的话，可以设置这个单元格标签的高度：
<tr height="50px">(这样就可以在不设置文本的情况下也能保持有一定的高度了)
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>此外还有一个属性：cellspacing用来设置单元格之间的距离，如果设置为0则会成为黑色的实线。
实体字符：有些字符不能在浏览器中正常显示，需要用实体字符的办法替换。（类似c语言的/n，会解读成其他的意思）
表单：
表单可以输入文字，也可以有按钮，用于和用户交互，如输入账号密码然后返回后端检查查看是否正确，最后返回一个信息。
表单标签：form（不是from）：
表单标签的属性：action（动作地址，指的是把用户的信息提交到哪里）
Methon（提交方式，有get和post，默认是get）Name（命名表单，可以方便查找标签）命名规范：字幕，数字，下划线，但是不能以数字开头（和c语言一样）
表单项基本上都是input标签，但通过type属性不同，在浏览器显示的效果的不同。
<form action="服务器地址" method="get" name="name1"> 账号：<input type="text"></form>像这样就可以获得这样的效果：
Input的type标签是用来设置表单的输入格式的，比如text就是设置成了输入文本的形式，如果设置成password，输入的时候就会被***代替！
如果type的属性值换成submit（提交），则会出现一个按钮，当你按下按钮的时候就会向指定的服务器地址提交表单内的信息。当你想要在提交按钮的文本做点变动，例如把提交换成 🌸~登录~🌸 ，就可以添加一个value元素，value元素是指定初始默认填充文本的元素，对于text是预先设置的底部文字，对于button，submit，reset则是设置按钮显示的文字.
placeholder这个元素可以设置文本框内的提示文字，在你输入内容之后会被替换掉，在你清除输入的时候又会显示出来，比如：
账号：<input type="text" placeholder="在这里填写账号">
表单内容想要被服务器接收到，就必须需要有name元素，否则无法对应，不能传输过去，哪怕name写中文都绝对不能不写。
Get方式提交的时候会在浏览器地址栏显示地址，不安全，这种方式传递表单的参数时，最大不能超过2kb。
Post方式提交的时候不会再浏览器显示地址，相对安全，理论上没有大小限制。
一个中文在GBK编码占用2字节，在uft-8中占用3字节。
表单中的单选框：
Input的type是radio（意思就是单选），一组单选选项的name必须一致才可以使用，如果name设置不一致就会变成这样：
代码是：
问题一：<input type="radio">你是聪明人吗？
问题二：<input type="radio">你是好孩子吗？<br>我们在name这里稍加修改，把代码改写成这样：
问题一：<input type="radio" name="111">你是聪明人吗？
问题二：<input type="radio" name="111">你是好孩子吗？<br>
就会变成这样可以单选的表单选项了。
像单选按钮这种表单项，用户没有输入只有勾选，就必须要写value，否则会全部提交on，像这样：
问题一：<input type="radio" name="111" value="聪明人">你是聪明人吗？
问题二：<input type="radio" name="111" value="好孩子">你是好孩子吗？<br>
如果不写value，系统只会默认提交给服务器你勾选了某个框的信息，却不会告诉系统你勾选了什么，而value就是告诉系统你勾选了哪个。
复选框：
复选框就是能选好几个的选项框，type是checkbox，和单选一样，如果没有name也不会提交，并且一组复选框的name应该是一样的。复选框也需要写value才能传输过去你勾选了哪个框。
重置按钮：
把表单的内容恢复到最初，大多数时候就是清空。Type是reset，代码是：
<input type="reset" value="清空">当你按下这个清空按钮时，页面就会在不刷新不重新加载的情况重置表单选项。
普通按钮：按下后没有任何作用，和js绑定使用。Type是button。
下拉列表：
<select>标签用于创建下拉列表，<option>用于定义下拉列表的每一个项，代码实现如下：<select name="111" id="222"> <option value="">西安</option>
<option value="">北京</option>
<option value="">广州</option>
</select>下拉列表传递参数的方式是通过value，我们可以按顺序弄成0-…的value来处理。
多行文本框：可以输入多行文字，这里就不是input标签了，使用的是textarea（文本区域），具有cols属性和rows属性，意义分别为这个多行文本框有多少列和多少行。
<textarea name="111" id="222" cols="30" rows="10"></textarea>多行文本框的右下角有一个可以拉动的点，可以随意在页面调整文本框的大小。
Lable标签：用于提升用户的体验，配合redio和checkbox使用，可以让点击单选或复选框的时候，点击文字也可以选择。
Lable标签有一个属性是for，这里写进去你想要产生关联的标签的id，代码表现为这样：
<input type="radio" name="sex" id="woman" value="woman"><label for="woman">女</label>这样，id为woman的标签就会和label产生关联，点击文本 女 就可以和按钮交互。
任何标签都可以写id属性，可以为标签指定唯一的身份，在同一个页面的id是不能重复的。
总结：
表单项的所有内容都需要写在form标签中 type=text(输入文本)，radio(单选按钮)，checkbox(多选按钮)，password(输入密码，会有隐藏效果)，button(按钮，与js连用，value设置按钮上的文字，也可以在type设置为submit，button的默认是submit)
表单项的属性：
Form：action，method，name
Input：type，value，id，name，
表单项的属性除了这些之外还有：
-
placholder：输入框中显示文字，当用户输入的时候文字就会消失。
-
aotufocus：自动聚焦，打开页面后，自动在这个框内可以输入，不用设置属性值。
-
checked：默认选中某个单选按钮或某几个单选框，默认不需要设置属性值。
-
selected：对下拉列表用，用于设置默认的选择，如果这一项不做设置，则默认选择第一项。
-
minlenght和maxlength：用于设置输入框最少可以输入和最多可以输入的字符数。（但通常不用，效果并不美观直接）
-
readonly：只读，不能修改，用readonly修饰的表单项，用户只能查看不能修改。
-
disable：只能看，不能点击选中（颜色默认是灰色的），可以复制，不会提交给服务器。
网页布局的效果：
布局：就是摆放元素的位置。
布局最常用的两个标签：div和span，这两个标签都是无语义标签，是用来做布局使用的标签。把div标签当作容器就可以，div是块元素，span是行内元素。最大多数时候布局都是使用div（当作容器理解），少数微调的时候使用span。