如何利用html做个表格?

html-css09

如何利用html做个表格?,第1张

html做个表格的步骤如下:

1、首先新建一个html,点击<body></body>中间,先填入表格内容;

2、内容根据需求来写即可,示例代码如下:

<table>

<p style="text-align:center ">功课表</p>

<tr>

<th>语文</th>

<td>7:00-7:40</td>

<td>7:50-8:30</td>

</tr>

<tr>

<th>数学</th>

<td>7:00-7:40</td>

<td>7:50-8:30</td>

</tr>

<tr>

<th>英文</th>

<td>7:00-7:40</td>

<td>7:50-8:30</td>

</tr>

</table>

3、然后在<head></head>中间输入样式表的样式;

4、样式也根据个人的需求来设置即可,设置单元格的宽度高度,合并单元格,位置,颜色等等,示例代码如下:

<style type="text/css">

body

{

width:340px

height :800px

}

table

{

border-collapse :collapse

}

th,td

{

width:100px

height:40px

border :1px solid black

font-size:12px

text-align :center

}   

</style>

5、这里需要注意这个代码“table”的意义是将表格边框合并为单一的边框,将相邻变合并。

6、预览结果如下所示,一个简单的表格就制作出来了。

1、<!DOCTYPE html>这样的代码常常放在网页代码的最上面。

2、<!DOCTYPE html>代码得到了所有的浏览器的支持,这也是一个有着非常长历史的网页代码形式。

3、<!DOCTYPE>有着自己的应用方式,它的位置也是唯一指定在网页代码的第一行。关于HTML5的<!DOCTYPE>的用法不同也是非常容易就看出来的。

4、<!DOCTYPE>不像一般的代码,它没有自己的结束样式。只需要在开头的时候进行一下定义就行了。

5、HTML <a>标签,这是一个特殊的用在网页中的链接上的标签。它有着自己固定的三大属性,这主要表现在以下的方面。

6、HTML <a>download 属性,只要在链接代码中出现这样的语句,那么点击内容就会引导访问者下载内容。下方的代码就是引导下载一个图片。<a href="/images/e.jpg" download="logo">