HTML初始

最新推荐文章于 2024-05-22 14:25:31 发布

my__road

最新推荐文章于 2024-05-22 14:25:31 发布

阅读量192

点赞数 1

文章标签： html html5

本文链接：https://blog.csdn.net/my__road/article/details/107491990

版权

HTML初识

第一次就写一些关于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>&nbsp;</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>&nbsp;</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>

效果展示

在这里插入图片描述
表格网页查看

my__road

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
HTML初始

HTML初识一HTML5、HTML4、XHTML的区别标签一些标签的效果展示表格表格的练习效果展示第一次就写一些关于HTML的入门小点点吧！！！一HTML5、HTML4、XHTML的区别HTML5与HTML4相比有以下几点区别语义化：HTML5相比于HTML4增加了更多的语义化标签比如：header、nav、section、article、footer等新标签，更好的组织了文档的结构，减少了div的使用更加关注于组织，HTML5废除了如b、strong等标签的使用，将这些工作都交给css去做，使
复制链接

扫一扫