如何用html做出这样的表格?
首先，了解表格面板的基本属性：列数目与行数目决定格子数量，宽度自动适应和高度自动适应使格子大小随面板变化，固定行高和固定列宽则保持格子尺寸不变。行高和列宽分别设置默认的高度和宽度，自定义行高与列宽则需关闭自动适应选项并配合固定尺寸使用。
如果你想用DW（Dreamweaver）这样的网页制作软件插入表格，这确实是一个更直观和便捷的方法。在DW中，你可以通过选择“插入”菜单，然后选择“表格”，接着按照提示设置行数和列数即可。这种方法对于初学者来说特别友好，因为它避免了直接编写代码的复杂性。
代码，先用table标签定义一个表格，其中border表示边框，border=1表示边框为1个像素，数值越大，边框就越粗。table border=1 /table tr元素表示表格中的行，比如创建两行 tr/tr表示一行。
实例 表格。这个例子演示如何在 HTML 文档中创建表格。表格边框，本例演示各种类型的表格边框。（可以在本页底端找到更多实例。）表格由 table 标签来定义。每个表格均有若干行（由 tr 标签定义），每行被分割为若干单元格（由 td 标签定义）。
我们打开记事本进入下图界面。我们要输入制作表格的标签，框内，这个标签里面，我们额外输入了border=\1\，这个就是边框为1的意思。大家都知道表格是由行和列组成，html里面是一行一行的输入，我们需要输入下图框内的行的标签。
在HTML中创建表格：首先，你需要在HTML文档中创建一个表格。这可以通过使用table标签，以及内部的tr、th和td标签来完成。应用css样式：设置表格背景颜色：可以通过在table标签中添加style属性，并使用backgroundcolor属性来设置表格的背景颜色。
网页制作如何设置表格的间距和背景
1、步骤一：在打开的网页文档中选择表格后，在”属性“面板中即可对表格的属性进行设置。首先设置表格的id和行列值。步骤二：接下来设置表格的宽度和高度。”宽“和”高”以像素为单位，或按占浏览器窗口的宽度和高度的百分比来计算表格的宽度和高度。“宽”与“表格”对话框中的“表格宽度”选项相同。
2、CSS法 可以在标签中设置margin属性，即：（顺序：上、右、下左，亦可简写为），这段CSS的作用是在当前表格外部的上下各留出5px的空白。空对象法 1）空行。还可以在表格后敲回车换行，产生p/p标签，或者按Shift+回车软换行，产生/br标签，都可产生一个空行。（2）空表格。
3、如果您正在使用HTML表格元素（，和），您可以使用cellSPAcing属性来设置表格的行间距。cellspacing属性定义了表格单元格之间的空间大小。您可以将其添加到标签上，并设置其值为您希望的行间距大小（以像素为单位）。
4、在网页设计中，表格间距可以通过CSS的border-spacing属性来设置。例如，你可以在样式表中添加类似table { border-spacing： 10px； }的规则，来设置表格单元格之间的间距为10像素。此外，一些专业的图形设计软件也可能提供更为精细的表格间距调整工具。
如何使用DreamWeaver设计网页
1、打开一个页面，设置页面属性。左边界，顶部边界为？0？，在标题处输入标题名称。在页面中插入图片。也可以是文字，？flash？动画等。小窗口页面就准备好了。3 给一个页面添加弹出小窗口：打开需要添加弹出小窗口页面，例如一个网站的首页，在标签选择器中选择“body”标签。
2、在Dreamveaver“文件－新建－常规－基本页－HTML”，这样就建好了一个页面，英文版的默认的文件名为untitled.htm。中文版的的默认的文件名为“无标题文档”。htm就表示这个网页文件是一个静态的HTML文件。给它改名为index.htm。注：网站第一页的名字通常是index.htm或index.html。
3、打开 dreamweaver 软件，并创建一个新网站（Site）。 在“文件”菜单下选择“新建”，然后选择“HTML 文件”来创建一个新的 HTML 页面。 使用 Dreamweaver 提供的工具和面板来设计和编辑你的网页，例如插入文本、图像、链接和表格等元素。
4、你好。首先下载Dreamweaver.exe并打开，选择你使用的编辑语言，本案例用html 打开页面后，选着设计窗口，如图所示。设计窗口可以快速布局网页，不需要自己编辑代码。打开你要设计的网页的设计图，本经验是百度经验首页为例，首先我们制作顶上的搜索条，点击插入—表格（如图所示）。打开表格属性编辑表格属性。
dw创建模板的方法
1、方法一：您可以通过点击文件菜单下的“另存为模板”选项来创建模板。这一步骤中，您可以更改模板的名称以方便识别，最后点击“确定”保存模板。方法二：另一种创建模板的方式是点击插入菜单中的“模板”选项，然后选择“创建模板”按钮。
2、刚进入dreamweaver点击新建下方的更多，然后选择空白页，页面类型选择html模板，布局选无就行了。插入一个表格（菜单栏中选择插入，再找到表格），表格里的布局自己根据需要设置，在这里我设置为行数为5，列为1，表格宽度为1000像素。
3、打开Adobe Dreamweaver CS6软件，在主菜单中选择“文件”--“新建”。 在“新建文档”对话框中，选择需要的文档类型和页面布局，比如网页、邮件、表单等。 选择“从现有文件创建”选项，选择你需要的模板文件，或者选择“从头开始创建”，点击“确定”按钮进入编辑界面。
4、制作方法 第一步——首先是必须建立好一个页的基本框架，把固定的元素先确定下来，留出一些空白的编辑区域给一些变动元素。第二步——在菜单栏上依次打开【插入】——【模板对象】——【创建模板】第三步——重新命名你的网页模板。创建网页模板必须先建立网站站点。
5、编辑页面 打开DW，新建一个站点，我们就取名为“蜘蛛网”。新建一个空白页面作为内页（通常一个网站只有一个首页，所以对首页我们可以不做成模板），取名为body.htm。编辑这个页面，完成如图1。图1，编辑完成后的body.htm页面，注意A处，此处将作为可编辑区域，下文会针对提及。
用什么方法制作表格布局的网页?
制作表格布局的网页步骤如下： 编写 HTML 代码：在 HTML 文件中使用 table 标签创建表格，并使用 tr 标签创建行，使用 td 标签创建单元格。 设计表格样式：使用 CSS 样式表为表格添加样式，包括表格边框、单元格边框、单元格背景颜色、单元格宽度等。
安装并设置Dreamweaver软件 安装Dreamweaver：首先，确保你的电脑上已经安装了adobe Dreamweaver软件。如果没有，可以从Adobe官网下载并安装。设置页面边距：打开Dreamweaver后，新建一个HTML文件。在“页面属性”中，你可以设置页面的边距为0，以实现无边距的布局效果。
DIV+css布局好，现在主流的网站均采用此种方法布局。div+css和表格相比较，其优点是其布局定位简单，表格布局需要使用文字做内容，当想修改部分内容就要改动整个表格甚至真个界面，不利于后期的维护和前期的开发。
表格层和css样式都是网页布局的方法如下：表格层：首先打开电脑桌面的Excel文档，然后在表格中找到并点击页面布局功能选项，接着点击下移一层项选项进入此功能，最后选择相应的选择项即可。css样式：首先将页面在整体上用标签进行划分。其次使用css对板块进行定位。
如何用Dreamweaver制作网页表格
按钮或“插入”菜单选“表格”。系统弹出表格对话框如下图。这些参数我们都已经认识了。行：2。列：2。其余的参数都保留其默认值。Dreamweaver网页制作教程：表格设计 在编辑视图界面中生成了一个表格。表格右、下及右下角的黑色点是调整表格的高和宽的调整柄。
打开软件Dreamweaver创建好页面。点击插入-表格。填写表格的行、列宽度等属性即可完成。
【1】第一步是打开Dreamweaver工具。【2】然后在Dreamweaver选项的中，选择新建一个Html文件，这个是制作网页的前提。【3】进入Dreamweaver主界面后，我们可以看到自动生成的标题、头、身体的相关的代码的出现，这个是软件自动生成的，可以直接使用的。
首先要下载dreamweaverCS6，新建一个HTML文件。然后在插入栏中选择表格按钮或在菜单点“插入”选“表格”。系统弹出表格对话框。这些参数分别是行和列，表格的宽度，表格的边框粗细，表格的间距和外间距。输入完成点击确定即可。
你好。首先下载Dreamweaver.exe，打开它，并选择您使用的编辑语言。这个案例使用了html。打开页面后，选择设计窗口，如图。设计窗口可以快速布局网页，而无需自己编辑代码。打开要设计的网页的设计图。这个体验就是比如百度体验的首页。首先，我们在顶部制作搜索栏，点击插入-表单（如图所示）。
你好。首先下载Dreamweaver.exe并打开，选择你使用的编辑语言，本案例用html 打开页面后，选着设计窗口，如图所示。设计窗口可以快速布局网页，不需要自己编辑代码。打开你要设计的网页的设计图，本经验是百度经验首页为例，首先我们制作顶上的搜索条，点击插入—表格（如图所示）。打开表格属性编辑表格属性。
标签： 表格 选择 Dreamweaver
