Question

html表格布局问题

用html做学校官方网站的一个前台页面，仿照其布局用html写出（不用css，div），只用标签属性<td width=""....></td>
怎样才能精确控制其属性值，使之布局合理

Answer 1

如果你一定要用table去实现，就是大量的table标签嵌套table，然后不断的嵌套，针对每个单元格、标签进行控制
然后提一句，从2007年开始，整个前端开发（HTML5开发）、网页制作的制作规范，行业当中就是使用HTML+CSS的模式进行（也称为DIV+CSS），其原因在于table的语义性、可维护性都比较差，从语义的角度来说，table是表格，也就是呈现数据的数据表，并非网页布局的东西。
对于很多学校、大学的官网，由于是2005年左右的一系列产品，所以，会采用table的布局方式。如果你是在制作学校的某一个网页，在维护学校，那你没的选择，只能按我第一段说的那么去操作，虽然麻烦~如果你是在自学HTML和CSS，在拿学校的页面做练习，那么一定以“行业规范”为准，选择好的合适的书籍辅助学习。

追问

问题是，怎样才能精确控制 用什么来测量位置呢？这是关键点,
望您能详细解答
这是我们老师交给我们的一个作业，所以只能用表格嵌套。。。。。

追答

宽度的设置可以设置给你表格第一行当中的td单元格，高度的设置可以设置给你表格的每行（tr）单元格。其他样式，使用CSS进行控制，使用CSS选择器，然后为相应的标签设置样式。（CSS选择器应该懂吧？） 额，这种作业……也是够了，感觉都是在误导………………

追问

css是知道的，他想通过这种方式来让我们对表格加深印象，通过做实例 提高编码水平，
(html5都不用的。。。。但是没办法作业还是不能糊弄的）我明白您的意思
但是纠结的是宽度高度设置什么数值才能布局合理些，需要工具，还是自己不断调整。。。
先给你采纳了吧，若您有想法还望赐教。

追答

没有给你设计图吗？所有前端的工作，是百分百去还原设计图，而不是去构思产品，虽然产品的构思也会有一定的帮助，主要是提升自己的思维能力

看你还算是对学习蛮认真的，挺好的，认真是好事情，但是时间是有限的，学更贴近于标准的东西会更好。你可以弄一本 HTML5布局之路 看一看，对你的学习应该会有不小帮助

如果你希望做得好一些，先用ps把设计图做一做，确定大小之后，再用代码去实现

追问

谢谢您