本篇文章给大家谈谈HTML表格布局网页设计，以及html表格页面设计对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。
本文目录一览：
- 1、用HTML语言做一个表格
- 2、html表格布局问题
- 3、html表格布局
用HTML语言做一个表格
html做个表格的步骤如下：
1、首先新建一个html，点击body/body中间，先填入表格内容；
2、内容根据需求来写即可，示例代码如下：
table
p style="text-align:center "功课表/p
tr
th语文/th
td7:00-7:40/td
td7:50-8:30/td
/tr
tr
th数学/th
td7:00-7:40/td
td7:50-8:30/td
/tr
tr
th英文/th
td7:00-7:40/td
td7: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、预览结果如下所示，一个简单的表格就制作出来了。
html表格布局问题
如果你一定要用table去实现，就是大量的table标签嵌套table，然后不断的嵌套，针对每个单元格、标签进行控制
然后提一句，从2007年开始，整个前端开发（HTML5开发）、网页制作的制作规范，行业当中就是使用HTML+CSS的模式进行（也称为DIV+CSS），其原因在于table的语义性、可维护性都比较差，从语义的角度来说，table是表格，也就是呈现数据的数据表，并非网页布局的东西。
对于很多学校、大学的官网，由于是2005年左右的一系列产品，所以，会采用table的布局方式。如果你是在制作学校的某一个网页，在维护学校，那你没的选择，只能按我第一段说的那么去操作，虽然麻烦~如果你是在自学HTML和CSS，在拿学校的页面做练习，那么一定以“行业规范”为准，选择好的合适的书籍辅助学习。
html表格布局
DW就是这点烦人，所以不喜欢用它。
建议你不要使用表格布局，用设计布局，先画一个足够大的TABLE，然后先画第一列，宽和高都画得比图片大，然后插入图片，再调整单元格大小到图片大小。
意思也就是说，如果你先定义好宽窄，DW会根据内容自动调整，因此会改变排版。所以你先画一个足够大的单元格，先将内容加进去，再来改变单元格的大小。
HTML表格布局网页设计的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于html表格页面设计、HTML表格布局网页设计的信息别忘了在本站进行查找喔。
