这是宋加俊的一周总结
表格制作作业
行星表格的作业
除了知道基本的表格使用，还要知道一些属性和标签的使用。
通俗讲<caption>标签可以用来给表格起名字：1
<caption>太阳系中行星的数据</caption>
<clogroup> +<col> 用来定义整列数据的样式信息，
<span>属性可以用来包括从上往下数的多少行：1
2
3
4<colgroup>
<col span="2">
<col id="col-name">
</colgroup>
使用<thead>、<tbody>、<tfooter> 来表示表头表格主题还有表的表注（页脚）内容 注:写在<table>中。
然后就是一行行的往下写，在需要合并单元格时可以在<td>中加入colspan=”你要横向合并的格数”或者rowspan=”纵向合并的格数”。
以下是两行表格内容1
2
3
4
5
6
7
8
9
10
11
12
13
14<tr>
<td colspan="2"></td>
<th >名字</th>
<th >图片</th>
<th >质量 (10<sup>24</sup>kg)</th>
<th >直径(km)</th>
<th >密度(kg/m<sup>3</sup>)</th>
<th >重力(m/s<sup>2</sup>)</th>
<th >天长 (小时)</th>
<th >与太阳的距离 (10<sup>6</sup>km)</th>
<th >平均温度 (°C)</th>
<th >卫星数量</th>
<th >备注</th>
</tr>
我自己做的行星网页 虽然是照着图写的但按部就班写了之后要熟练很多。
表单的基础知识
基础表单的标签：<form> <action> <method > <label> <input> <textarea> <button> 知道了这些就可以做一个表单了。注:为了方便css控制和语义化 在form中的内容最好分别加入到单个的div中使用。1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23<form action="../xin.html" method="post">
<!-- action 表示收集数据传递去向 url; method ： 定义传送方法 （get /post） -->
<div>
<label for="name">Name:</label>
<input type="text" id="name" />
</div>
<!-- for=“需要连接的input的id”;-->
<div>
<label for="mail">E-mail:</label>
<input type="email" id="mail" />
</div>
<div>
<label for="msg">Message:</label>
<textarea id="msg"></textarea>
</div>
<!-- <textarea id=""> </textarea>: 纯文本输入框 一般用于信息收集 需要默认值可在内输入-->
<div class="button">
<button type="submit">Send your message</button>
</div>
<!--提交表格转到 form的action里的网页-->
</form>
学习参考表单
jsp学习
为了防止出现javascript未加载而导致的假死状态一般将<script>标签都放在页面底部，而不是头部。
阻塞效应（假死状态）:如果外部脚本加载时间很长（比如一直无法完成下载），就会造成网页长时间失去响应，浏览器就会呈现“假死”状态，这被称为“阻塞效应”。
也可以通过设置<script>中的defer或async属性。
两者的区别：
defer属性
延迟加载而且可以保证执行顺序就是它们在页面上出现的顺序。
async属性
async属性的作用是，使用另一个进程下载脚本，下载时不会阻塞渲染。
浏览器开始解析HTML网页
解析过程中，发现带有async属性的script标签
浏览器继续往下解析HTML网页，同时并行下载script标签中的外部脚本
脚本下载完成，浏览器暂停解析HTML网页，开始执行下载的脚本
脚本执行完毕，浏览器恢复解析HTML网页。