网页制作之表格，列表
Posted 断线∷风筝
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了网页制作之表格，列表相关的知识，希望对你有一定的参考价值。
一点自己的认识随便写写把
标签：成对存在的名称 <div> </div>
标签注意： 1、标签名放在<>内 2、标签成对存在 3、标签可以嵌套 4、结束标签有斜杠/
文档基本标签 ： html、head、body
文档基本结构 ：
<!docType HTML> <html> <head></head>------设置一些东西（配置信息） <body></body>------页面上能看到的东西
</html>
<!docType HTML> <html> <head></head>------设置一些东西（配置信息） <body></body>------页面上能看到的东西
</html>
设置快捷键：Ctrl+u
注释：<!-- 注释内容 -->（页面显示不出来） 加速：<b>加粗</b> 斜体：<i>斜体</i> 下划线：<u>下划线</u> 换行：<br>-----可以不用成对（功能标签） 分割线：<hr>---可以不用成对（功能标签） 居中：<center>居中<center>
列表，表格
列表，表格
有序列表，无序列表
<ul></ul>----无序列表 <ol></ol>----有序列表
列表
<ul> <li>列表1</li> <li>列表2</li> -------有序列表 <li>列表3</li> </ul>
<ol> <li>列表1</li> <li>列表2</li> -------无序列表 <li>列表3</li> </ol>
列表
<ul> <li>列表1</li> <li>列表2</li> -------有序列表 <li>列表3</li> </ul>
<ol> <li>列表1</li> <li>列表2</li> -------无序列表 <li>列表3</li> </ol>
表格 ：
<table>
<tr> <td>单元格1</td>----------第一行 <td>单元格2</td> </tr>
<tr> <td>单元格1</td>----------第二行 <td>单元格2</td> </tr>
</table>
<table border="1" width="100%" cellpadding="0" cellspacing="0">
<tr > <td>单元格1</td>----------第一行 <td>单元格2</td> </tr>
<tr> <td>单元格1</td>----------第二行 <td>单元格2</td> </tr>
</table>
border设置的是最外层边框 width 单位单元格的宽度 cellpadding 单元格里面的内容与边框的距离 cellspacing 单元格之间的距离
<table border="1" width="100%" cellpadding="0" cellspacing="0">
<tr height="100">
<table>
<tr> <td>单元格1</td>----------第一行 <td>单元格2</td> </tr>
<tr> <td>单元格1</td>----------第二行 <td>单元格2</td> </tr>
</table>
<table border="1" width="100%" cellpadding="0" cellspacing="0">
<tr > <td>单元格1</td>----------第一行 <td>单元格2</td> </tr>
<tr> <td>单元格1</td>----------第二行 <td>单元格2</td> </tr>
</table>
border设置的是最外层边框 width 单位单元格的宽度 cellpadding 单元格里面的内容与边框的距离 cellspacing 单元格之间的距离
<table border="1" width="100%" cellpadding="0" cellspacing="0">
<tr height="100">
<td>单元格1</td>----------第一行
<td>单元格2</td>
</tr>
<tr>
<tr>
<td>单元格1</td>----------第二行
<td>单元格2</td>
</tr>
height 单元格高度
<table border="1" width="100%" cellpadding="0" cellspacing="0">
height 单元格高度
<table border="1" width="100%" cellpadding="0" cellspacing="0">
<tr >
<th>单元格1</th>---------表头
<th>单元格2</th>
<tr >
<tr >
<td>单元格1</td>----------第2行
<td>单元格2</td>
</tr>
<tr>
<tr>
<td>单元格1</td>----------第3行
<td>单元格2</td>
</tr>
<table border="1" width="100%" cellpadding="0" cellspacing="0">
<tr height="100">
<table border="1" width="100%" cellpadding="0" cellspacing="0">
<tr height="100">
<td colspan="2">单元格1</td>-----向右合并
<td roslpan="2">单元格2</td>-----向下合并
</tr>
<tr>
</tr>
<tr>
<td>单元格1</td>
<td>单元格2</td>
</tr>
相关属性 width：宽度 height：高度 border：边框 cellpadding：边距 cellspacing：间距 colspan:水平合并 roespan:垂直合并 algin：水平居中 bgcolor：背景色
按住Ctrl不放+鼠标左键 可以编辑多个位置内容 按住Alt不放+鼠标左键上下拖动 可以编辑垂直行内容 Ctrl+D 复制光标所在行粘贴在下一行 Ctrl
<!--a标签 相对路径-->
相对路径：/代表根目录 ../代表上一级目录 ./自身目录（可省略） 跳转页面：<a href="aa.html">跳转到aa.html页面</a>
a标签三个功能 页面跳转 锚链接（定位） 功能链接（下载等）
<!--图片标签 img 图片的替换文字-->
<img src="企业图标.PNG" alt="这是企业logo"
<div> 块标签----默认占一行
相关属性 width：宽度 height：高度 border：边框 cellpadding：边距 cellspacing：间距 colspan:水平合并 roespan:垂直合并 algin：水平居中 bgcolor：背景色
按住Ctrl不放+鼠标左键 可以编辑多个位置内容 按住Alt不放+鼠标左键上下拖动 可以编辑垂直行内容 Ctrl+D 复制光标所在行粘贴在下一行 Ctrl
<!--a标签 相对路径-->
相对路径：/代表根目录 ../代表上一级目录 ./自身目录（可省略） 跳转页面：<a href="aa.html">跳转到aa.html页面</a>
a标签三个功能 页面跳转 锚链接（定位） 功能链接（下载等）
<!--图片标签 img 图片的替换文字-->
<img src="企业图标.PNG" alt="这是企业logo"
<div> 块标签----默认占一行
希望大家补充
以上是关于网页制作之表格，列表的主要内容，如果未能解决你的问题，请参考以下文章