【html小队】如何在Dreamweaver中插入表格

紫月鬼姬 (紫月)
【A+研究所】荣誉会员☆网校制霸
见习设计师
22 3 0
发表于:2015-07-16 18:05 [只看楼主] [划词开启]

打开Dreamweaver,新建html文件

选择拆分视图部,左侧为代码视图部,右侧为设计视图部

插入图片的方法有3种:

1.选择经典布局(CC没有经典布局,直接在插入面板中的常规中选择表格),在插入栏选常用面板,点击图片图标,弹出选框,选择插入表格,设置行和列数、表格宽度等,点击确认

2.在代码视图部分输入代码<table>表示表格,<tr>表示行,<td>表示单元格,有时会使用<tbody>、<thead>、<tfoot>标签。

3.直接从外部复制到设计视图部分

可能复制进去后看不到表格,这个时候检查一下代码视图部分,是不是<table>套<tr>,<tr>套<td>,一个table可以包含多个<tr>,一个<tr>可以包含多个td,一个<td>只能有一个<tr>,一个<tr>只能有一个<table>,如果有多余的就删除,这样就可以显示了


P.S.:由于帖子中直接添加会被网页读取,所以这里的代码全部用全角显示,使用时记得用半角

注:<table>标签参考:http://st.hujiang.com/topic/163995321557/

答题区

1、table、tr、td之间的关系那种是正确的?
  • 成绩排行
  • 最新参加
9人回答了问题 | 平均正确率100%
最后编辑于:2015-08-24 22:04

本帖来源社刊

分类: 素材教程

标签: 教程

全部回复 (3)

  • 0

    点赞

  • 收藏

  • 扫一扫分享朋友圈

    二维码

  • 分享

课程推荐

需要先加入社团哦

编辑标签

最多可添加10个标签,不同标签用英文逗号分开

  • 教程
  • 素材
保存

编辑官方标签

最多可添加10个官方标签,不同标签用英文逗号分开

保存
知道了

复制到我的社团