第一次就写一些关于HTML的入门小点点吧!!!
一HTML5、HTML4、XHTML的区别
HTML5与HTML4相比有以下几点区别
- 语义化:HTML5相比于HTML4增加了更多的语义化标签比如:header、nav、section、article、footer等新标签,更好的组织了文档的结构,减少了div的使用
- 更加关注于组织,HTML5废除了如b、strong等标签的使用,将这些工作都交给css去做,使得html更加专注
- 声明更加的简单
这是HTML5的声明
这是HTML4的声明
HTML5 是 HTML、XHTML 以及 HTML DOM 的新标准。
标签
HTML分为单标签和双标签两种标签
单标签:单标签就是由一个标签组成的,如br、hr、img、input、param、meta、link等
双标签:同理可得双标签就是由开始标签和结束标签两个标签组成的,如div、span、p、h1、h2、h3、h4、h5、h6、head、title、body、table、tr、td、th、thead、tbody、tfoot、a、ul、ol、li等等
一些标签的效果展示
源码
效果
源码
效果图
表格
<table></table>
定义表格
<thead></thead>
定义表头
<tbody></tbody>
平时可以省略,若需要写js的时候不要省略,否则浏览器会解析出错,容易造成代码报错
<tfoot></tfoot>
定义表末
<tr></tr> 、<td></td>、<th></th>
定义表列表行
colspan 合并列 rowspan合并行
表格的练习
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<table border="1">
<thead>
<tr>
<th colspan="21">
1A 2B 3C 4D 5E 6F 7G 8H 9I 10J 11K 12L 13M 14N 15O 16P 17Q 18R 19S 20T 21U 项目支出预算情况表
</th>
</tr>
</thead>
<tbody>
<tr>
<td>部门(盖章):</td>
<td colspan="20"></td>
</tr>
<tr>
<td>项目负责人</td>
<td></td>
<td colspan="2">联系电话</td>
<td colspan="2"></td>
<td colspan="15">项目支出细化预算(单位:万元)</td>
</tr>
<tr>
<td>项目类别</td>
<td>发展性专项</td>
<td></td>
<td colspan="2">建设性专项</td>
<td></td>
<td rowspan="4">基本建设和大修理项目</td>
<td rowspan="3">合计</td>
<td colspan="2" rowspan="3">项目前期费用</td>
<td colspan="2" rowspan="3">征地费</td>
<td rowspan="3">建筑工程费</td>
<td rowspan="3">安装工程费</td>
<td rowspan="3">设备等购置费</td>
<td rowspan="3">原材料</td>
<td rowspan="3">其他费用</td>
<td colspan="2" rowspan="3">各种建筑物面积</td>
<td rowspan="3">起始年</td>
<td rowspan="3">终止年</td>
</tr>
<tr>
<td>项目属性</td>
<td>新增项目</td>
<td></td>
<td colspan="2">上年延续项目</td>
<td></td>
</tr>
<tr>
<td colspan="2">项目预算来源</td>
<td colspan="2">项目当年预算</td>
<td colspan="2">项目总预算</td>
</tr>
<tr>
<td colspan="2">合计</td>
<td colspan="2"></td>
<td colspan="2"></td>
<td></td>
<td colspan="2"></td>
<td colspan="2"></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td colspan="2"></td>
<td></td>
<td></td>
</tr>
<tr>
<td colspan="2">1、财政拨款(补助)</td>
<td colspan="2"></td>
<td colspan="2"></td>
<td rowspan="4">会议培训项目</td>
<td rowspan="3">合计</td>
<td colspan="2">住宿费</td>
<td colspan="2">伙食费</td>
<td rowspan="3">会期(天)</td>
<td rowspan="3">规模(人)</td>
<td rowspan="3">场租费</td>
<td rowspan="3">交通费</td>
<td rowspan="3">材料费</td>
<td rowspan="3">表彰费用</td>
<td rowspan="3">其他费用</td>
<td rowspan="3">服务人员(人)</td>
<td rowspan="3">会议类别</td>
</tr>
<tr>
<td colspan="2">2、专户核拨预算外资金</td>
<td colspan="2"></td>
<td colspan="2"></td>
<td rowspan="2">小计</td>
<td rowspan="2">标准(元/人天)</td>
<td rowspan="2">小计</td>
<td rowspan="2">标准(元/人天)</td>
</tr>
<tr>
<td colspan="2">3、政府基金收入</td>
<td colspan="2"></td>
<td colspan="2"></td>
</tr>
<tr>
<td colspan="2">4、行政事业结余结转和动用基金</td>
<td colspan="2"></td>
<td colspan="2"></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td colspan="2">5、政府性基金上年结余安排</td>
<td colspan="2"></td>
<td colspan="2"></td>
<td rowspan="4"></td>
<td rowspan="2">合计</td>
<td colspan="7">资产器材购置</td>
<td colspan="3" rowspan="2">安装调试费</td>
<td colspan="3" rowspan="2">其他费用</td>
</tr>
<tr>
<td colspan="2">6、事业收入(不含预算外资金)</td>
<td colspan="2"></td>
<td colspan="2"></td>
<td colspan="3">小计</td>
<td colspan="2">单价</td>
<td colspan="2">数量</td>
</tr>
<tr>
<td colspan="2">7、事业单位经营收入</td>
<td colspan="2"></td>
<td colspan="2"></td>
<td rowspan="2"></td>
<td colspan="3" rowspan="2"></td>
<td colspan="2" rowspan="2"></td>
<td colspan="2" rowspan="2"></td>
<td colspan="3" rowspan="2"></td>
<td colspan="3" rowspan="2"></td>
</tr>
<tr>
<td colspan="2">8、其他收入</td>
<td colspan="2"></td>
<td colspan="2"></td>
</tr>
<tr>
<td colspan="2">9、银行贷款</td>
<td colspan="2"></td>
<td colspan="2"></td>
<td rowspan="3">专项业务项目</td>
<td rowspan="2">合计</td>
<td rowspan="2">印刷费</td>
<td colspan="3" rowspan="2">设备材料购置费</td>
<td rowspan="2">会议费</td>
<td rowspan="2">差旅费</td>
<td colspan="2" rowspan="2">宣传咨询费</td>
<td rowspan="2">维修费</td>
<td rowspan="2">租赁费</td>
<td rowspan="2">劳务费</td>
<td colspan="2" rowspan="2">其他费用</td>
</tr>
<tr>
<td colspan="2">10、单位其他资金</td>
<td colspan="2"></td>
<td colspan="2"></td>
</tr>
<tr>
<td colspan="2">11、上级补助收入</td>
<td colspan="2"></td>
<td colspan="2"></td>
<td></td>
<td></td>
<td colspan="3"></td>
<td></td>
<td></td>
<td colspan="2"></td>
<td></td>
<td></td>
<td></td>
<td colspan="2"></td>
</tr>
<tr>
<td colspan="2">12、附属单位上缴收入</td>
<td colspan="2"></td>
<td colspan="2"></td>
<td rowspan="3">省控指标项目</td>
<td rowspan="2">合计</td>
<td colspan="5" rowspan="2">省级待定专项项目</td>
<td colspan="8" rowspan="2">对市县转移补助项目</td>
</tr>
<tr>
<td rowspan="4">项目申报理由及主要依据</td>
<td colspan="5" rowspan="4"></td>
</tr>
<tr>
<td> </td>
<td colspan="5"></td>
<td colspan="8"></td>
</tr>
<tr>
<td rowspan="2">其他项目</td>
<td>合计</td>
<td colspan="3">项目前期费用</td>
<td colspan="2">开发费用</td>
<td colspan="2">研发费用</td>
<td colspan="2">设备材料费用</td>
<td>会议费</td>
<td>差旅费</td>
<td>租赁费</td>
<td>其他费用</td>
</tr>
<tr>
<td> </td>
<td colspan="3"></td>
<td colspan="2"></td>
<td colspan="2"></td>
<td colspan="2"></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</tbody>
</table>
</body>
</html>