如何在html中制作表格
HTM L制作简单图表
先来简单了解一下什么是html:
超文本标记语言,标准通用标记语言下的一个应用。 “超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。 超文本标记语言的结构包括“头”部分(英语:Head)、和“主体”部分(英语:Body),其中“头”部提供关于网页的信息,“主体”部分提供网页的具体内容。
一.打开记事本
开始——所有程序——附件——记事本
(你也可以通过其他应用程序书写html文件。)
二.输入代码
表格由 <table> 标签来定义。每个表格均有若干行(由 <tr> 标签定义),每行被分割为若干单元格(由 <td> 标签定义)。字母 td 指表格数据(table data),即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。
三.点击保存,修改格式为.html
四.在保存的位可直接打开。
我们来演示一下效果:
五.代码分享给大家。
<html>
<head>
<style>
#myHeader {
background-color: lightblue;
color: black;
padding: 40px;
text-align: center;
}
</style>
</head>
<body>
<h1>举个栗子</h1>
<p> 咋们做个表 </p>
<h1 id="myHeader">消费记录表</h1>
</body>
</html>
<html>
<body>
<table width="400" border="1">
<tr>
<th align="left">消费项目</th>
<th align="right">一月</th>
<th align="right">二月</th>
</tr>
<tr>
<td align="left">吃饭</td>
<td align="right">$241.10</td>
<td align="right">$50.20</td>
</tr>
<tr>
<td align="left">其他消费</td>
<td align="right">$30.00</td>
<td align="right">$44.45</td>
</tr>
<tr>
<td align="left">奢侈品消费</td>
<td align="right">$730.40</td>
<td align="right">$650.00</td>
</tr>
<tr>
<th align="left">总计</th>
<th align="right">$1001.50</th>
<th align="right">$744.65</th>
</tr>
</table>
<p>@hunguidadi
.csdn<p>
</body>
</html>
更多推荐
【 JAVA HTML基础,HTML表格创建】
发布评论