下载掌阅APP，畅读海量书库
立即打开
图1-8 “插入”面板
网页的内容虽然多种多样，但是都可以被称为对象，简单的对象有文字、图像和表格等，复杂的对象包括导航条和程序等。
在Dreamweaver 2021中改进了“插入”面板，对插入到网页中的元素进行了重新分类，提供了许多全新的网页元素并移除了许多不实用的网页元素。大部分对象都可以通过“插入”面板插入到页面中。“插入”面板如图1-8所示。
在面板名称下方有一个下拉列表，在该下拉列表中可以选择需要在“插入”面板中显示的元素类别，如图1-9所示。
HTML： 在该选项卡中提供了网页中除表单元素之外的几乎所有元素的插入按钮，并分类进行排列。
第一部分是HTML页面中常用元素的插入按钮，包括Div、图像和表格等，如图1-10所示。
第二部分是HTML5文档结构标签按钮，通过这些按钮可以在光标所在位置插入相应的HTML5文档结构标签，如图1-11所示。
图1-9 类别下拉列表
图1-10 HTML常用元素
图1-11 HTML5文档结构元素
第三部分是HTML文档头信息的相关标签按钮，通过这些按钮可以在HTML文档中插入关键字、说明等头信息内容，如图1-12所示。
第四部分是HTML多媒体元素的插入按钮，包括视频、音频和Canvas等，如图1-13所示。
第五部分是HTML页面中的IFRAME框架和水平线插入标签，如图1-14所示。
图1-12 HTML头信息元素
图1-13 HTML多媒体元素
图1-14 IFRAME框架和水平线
表单： 在该选项卡中提供了HTML页面中所有表单元素的插入按钮，包括HTML5新增的表单元素，如图1-15所示。
图1-15 HTML表单元素
Bootstrap组件： 在该选项卡中提供了响应迅速的CSS和HTML组件元素，包括按钮、表单、导航、图像旋转视图，以及可能会在网页上使用的其他元素，如图1-16所示。
图1-16 Bootstrap组件元素
jQuery Mobile： 在该选项卡中提供了一系列针对移动设备页面开发的按钮，包括页面、列表视图和布局网格等，如图1-17所示。
jQuery UI： 在该选项卡中提供了以jQuery为基础的开源JavaScript网页用户界面代码库，如图1-18所示。
图1-17 jQuery Mobile元素
图1-18 jQuery UI元素
收藏夹： 该选项卡用于收藏用户自定义的HTML元素创建按钮，默认情况下该类别中没有对象，用户可以根据自己的使用习惯将自己常用的HTML元素创建按钮添加到该类别中，如图1-19所示。
隐藏标签： 选择该选项，可以隐藏“插入”面板中各HTML元素按钮后的标签提示，只显示插入按钮，如图1-20所示。当选择了“隐藏标签”选项后，该选项将变为“显示标签”选项，如图1-21所示，选择该选项，将恢复默认的显示标签效果。
图1-19 “收藏夹”类别
图1-20 隐藏标签效果
图1-21 “显示标签”选项
提示
每个对象都是一段HTML代码，允许用户在插入对象时设置不同的属性。例如，用户可以在“插入”面板中单击Div按钮，插入一个Div。当然，也可以不使用“插入”面板而使用“插入”菜单来插入页面元素。