下载文档原格式
HTML⼊门（html基本⽂本标签+快捷键讲解以及基本html组成解释）id标签功能1 <hr />⽔平分割线2<br />强制让⽂本换⾏3<p>段落</p>段落标签(⾃带换⾏效果)4<b>内容</b>加粗标签5<strong>内容</strong>加粗标签(强调作⽤，更符合标准流)6<font color="#00ff00" size="16" face="⿊体">内容</font>设置字体的颜⾊和⼤⼩7<s>内容</s>删除样式(html5弃⽤)8<u>内容</u>下划线样式(html5弃⽤)9<em>内容</em>表⽰强调语⽓，以斜体⽅式展现10<i>内容</i>⽂字斜体，没有任何语意11<a href="#">内容</a>锚⽂本、超链接(引号内为跳转链接或者锚点位置内容)12<h1>内容</h1>......<h6>内容</h6>标题标签，按数字递增，字体依次变⼩，最⼤为h1，最⼩为h6(⾃带换⾏效果) 13<sub>12</sub>让字体变⼩，显⽰在下⽅(下标)14<sup>12</sup>让字体变⼩，显⽰在上⽅(上标)15<ins>内容</ins>表⽰插⼊的字符，表⽰⽅式，带下划线16<del>内容</del>在字符上带⼀条删除线。
删除样式17<code>hello world<code>表⽰此段是程序代码18<pre>内容</pre>预格式化。
html教程菜鸟教程HTML教程——了解HTML的基础知识与技巧HTML是一种标记语言，用于创建网页。
它是Web开发的基础，可以用来描述网页的结构和内容。
在本教程中，我们将介绍HTML的基础知识和常用标记，帮助您快速入门。
第一步：创建HTML文档在开始编写HTML代码之前，我们需要创建一个HTML文档。
HTML文档的文件扩展名通常为".html"。
使用文本编辑器（如记事本）创建一个新文件，并将其保存为"index.html"（或任何你喜欢的名称）。
第二步：添加HTML标记在HTML文档中，我们可以使用不同的HTML标记来创建不同的元素。
这些标记通常由尖括号包围。
下面是一些常用的HTML标记：- `<html>`：定义HTML文档的根元素。
- `<head>`：定义文档的头部，包含了一些元数据，如标题、样式表等。
- `<body>`：定义文档的主体，包含了网页的实际内容。
第三步：使用HTML标记创建网页内容在`<body>`标记中，我们可以使用HTML标记来创建网页的内容。
以下是一些常用的HTML标记：- `<h1>`到`<h6>`：定义标题，其中`<h1>`是最高级的标题，`<h6>`是最低级的标题。
- `<p>`：定义段落。
- `<a>`：定义链接，可以用来跳转到其他页面。
- `<img>`：定义图像，可以在网页中显示图片。
第四步：保存并查看网页完成了HTML代码的编写后，保存文件并使用Web浏览器打开。
在浏览器中，通过打开"index.html"文件来查看您的网页。
如果一切正常，您应该能够看到您创建的网页。
总结这是一个简单的HTML教程，介绍了如何创建HTML文档、添加HTML标记和创建网页内容。
通过学习以上基础知识，您可以开始编写自己的网页，并逐渐掌握更多高级的HTML技巧。
一、HTML简介1.1 HTML的定义HTML（HyperText Markup Language，超文本标记语言）是用于创建网页的标准标记语言。
1.2 HTML的作用HTML用于描述网页的结构和内容，使得浏览器能够展示具有特定格式的文本、、图片等。
1.3 HTML的发展历程HTML 1.0（1993年）HTML 2.0（1995年）HTML 4.01（1997年）XHTML 1.0（2000年）HTML5（2014年）二、HTML文档结构2.1 基本结构<!DOCTYPE ><><head><meta charset="UTF-8"><>文档</></head><body><h1>一级</h1><p>段落内容</p><!-更多的标签和内容 --></body></>2.2 标签分类语义化标签：`<header>`、`<nav>`、`<section>`、`<article>`、`<footer>`等功能性标签：`<div>`、`<span>`等三、文本格式与排版3.1 标签`<h1>`～`<h6>`：依次表示一级到六级3.2 段落标签`<p>`：表示一个段落3.3 换行与清除浮动`<br>`：表示换行`<wbr>`：表示单词换行`<clear>`：清除浮动3.4 字符实体`<>&"`：分别表示小于号、大于号、引号四、图片与4.1 图片标签`<img>`：表示图片<img src="图片地址" alt="图片描述" width="宽度" height="高度"> 4.2 标签`<a>`：表示<a href="地址" target="_blank">文本</a>4.3 锚点`<a name="锚点名称">`：表示锚点`<a href="锚点名称">`：到锚点五、列表与表格5.1 无序列表`<ul>`：无序列表`<li>`：列表项5.2 有序列表`<ol>`：有序列表`<li>`：列表项5.3 定义列表`<dl>`：定义列表`<dt>`：定义`<dd>`：定义描述5.4 表格`<table>`：表格`<tr>`：表格行`<td>`：单元格`<th>`：表头单元格六、表单与数据验证6.1 表单标签`<form>`：表单`<input>`：输入框`<textarea>`：文本域`<select>`：下拉菜单`<option>`：下拉菜单选项6.2 数据验证`required`：必填字段`pattern`：正则表达式验证`minlength`、`maxlength`：字符长度限制`type="e"、type="number"、type=""：输入类型限制七、CSS样式7.1 内联样式在HTML标签内使用`style`属性添加样式7.2 内部样式表在`<head>`标签内使用`<style>`标签添加样式7.3 外部样式表使用`.css`文件作为样式表，通过`<link>`标签引入7.4 CSS选择器标签选择器：`h1 { }`类选择器：`.classname { }`ID选择器：`idname { }`属性选择器：`[attribute="value"] { }`八、盒子模型与布局8.1 盒子模型`margin`：外边距`border`：边框`padding`：内边距`width`、`height`：宽度和高度8.2 布局方式标准流布局浮动布局：`float`属性定位布局：`position`属性弹性盒模型（Flexbox）：`display: flex;`九、响应式设计9.1 媒体查询使用`media`查询不同设备屏幕大小时的样式9.2 移动端布局使用百分比、视口单位（vw、vh）、rem等实现响应式布局9.3 图片响应式使用`<picture>`标签或`srcset`属性实现图片响应式十、HTML5新特性10.1 视频与音频`<video>`：视频`<audio>`：音频10.2 画布（Canvas）`<canvas>`：绘制图形、动画等10.3 Web存储`localStorage`：本地存储`sessionStorage`：会话存储10.4 离线应用与缓存使用`manifest`文件实现离线应用10.5 其他新特性`<nav>`、`<section>`、`<article>`等语义化标签`<input type="e">`、`<input type="number">`等新输入类型`<dialog>`：对话框重点和难点解析HTML的基本结构和标签分类文本格式与排版，如、段落、换行等图片与的使用，包括图片标签和锚点列表与表格的创建和应用表单与数据验证，如必填字段、正则表达式验证等CSS样式的基础知识，包括内联样式、内部样式表和外部样式表盒子模型、布局方式以及响应式设计的基本概念HTML5的新特性，如视频与音频、画布、Web存储等HTML5的新特性，如离线应用、Web存储等，这些内容需要一定的实践和理解CSS的高级应用，如伪类、过渡、动画等，这些内容需要对CSS 有深入的了解表单的数据验证，如何使用JavaScript进行复杂的验证，需要对JavaScript有一定的了解。
HTML超文本标记语言，一种规范预定义,已经定义好的各种标记，只需要我们把对应的标记放到合适的位置一. HTML基本语法与基本结构(重点）标记的使用1、标记一般成对出现，包含开始标记和结束标记2、标记可以嵌套使用，但是不能交叉使用3、标记不区分大小写属性的使用（属性控制内容的格式,额外的格式）1、书写位置在开始标记中2、格式：属性名=“属性值",多个属性之间使用空格分割3、不同的标记属性可能相同也可能不同4、属性使用的标记中,只能对本标中的内容记产生影响5、属性不冲突时，效果叠加，属性冲突时，就近原则html的基本结构〈html>-—--声明网页〈head〉———-网页的头部信息<title〉标题〈/title〉—---网页的标题</head><body〉—---网页的主体，网页内容主要展示的部分网页的主要内容</body>〈/html〉二. 文本格式的应用1、标题标记<hn>,n的取值1-6,1级标题最大效果:加粗显示，带有自动换行属性:align控制标题的对齐方式，取值left（左对齐，默认值）|center(居中）｜right （右对齐）2、段落标记<p〉效果:把内容分段展示，自动换行属性:align，控制段落内容的对齐方式,取值left（左对齐，默认值）|center（居中）｜right(右对齐）3、换行符〈br /〉，单标记，不需要结束标记，换行但不分段空格符号: 表示一个空格强制换行符：<br /〉4、水平线标记<HR />，单标记效果：水平线,默认是一个粗细为2px（像素）的线条属性：size 控制水平线的粗细，取值为整数，单位为像素（px）width 控制水平线的长度,取值可以是像素单位,也可以是百分数（相对于浏览器窗口百分比)noshade设置水平线不带有阴影，该属性不需要取值color 设置水平线的颜色，取值可以是英文的颜色值，也可以是十六进制的颜色代码align 控制水平线的对齐方式，取值left(左对齐）｜center(居中，默认值）|right(右对齐）5、分节标记<div〉效果：把内容设置为一节，前后带有自动换行属性：align控制div中内容的对齐方式,取值left（左对齐，默认值）｜center（居中）|right（右对齐）6、居中标记符<center>效果：把center标记中的内容居中显示7、文本控制标记<font>效果:控制字体的各种显示样式属性：size 控制字体的大小，取值为绝对值时，1--7，数字越大字体越大，取相对值时,参考的是默认字体（3号），取值在-2-—+4之间color 控制字体的颜色face 控制字体的字体，取值可以是多个值，多个值之间使用逗号分割,取值时从左往右依次取值，找到合适的值为止，假如都不支持，使用默认格式显示8、字体的物理样式加粗：<b>斜体：〈i>下划线:〈u〉删除线：<s〉上标:<sup〉下标：〈sub>1、常用逻辑字符〈ADDRESS〉网页设计者或维护者的信息,通常显示为斜体<CITE> 表示文本属于引用,通常显示为斜体<CODE〉• 表示程序代码,通常显示为固定宽度字体<DFN> • 表示定义了的术语，通常显示为黑体或斜体〈EM> 强调某些字词，通常显示为斜体〈KBD〉表用户的键盘输入,通常显示为固定宽度字体〈SAMP> 表示文本样本,通常显示为固定宽度字体〈STRONG〉特别强调某些字词，通常显示为粗体<VAR> 表示变量，通常显示为斜体2、列表标记1、有序列表,〈ol〉，需要配合〈li>标记使用一个<li>标记对应一个选项ol的属性：type 控制列表的符号样式，取值1|A|a｜i|I，默认是1start 控制列表的起始值，取值为任意的整数li的属性:type控制选项自身的符号样式，取值1|A｜a|i|Ivalue控制选项本身的起始值，取值为任意整数，但是修改自身起始值之后,会对同一个列表中本选项之后的同级<li〉标记产生影响2、无序列表，<ul>，配合<li>标记使用一个<li>标记对应一个选项ul的属性:type 控制所有选项的符号样式，取值disc(实心圆，默认值）｜circle（空心圆）｜square（方块）li的属性：type控制选项本身的符号样式li标记用在ol中，type属性的取值跟ol的type属性取值走，用在ul中，跟着ul的type属性取值走3、定义列表，<dl〉，完成对定义列表的声明<dt>，术语标记，可以理解为类似于列表选项的标题使用〈dd>,描述标记，可以理解为类似于列表的选项使用三. 在网页中使用图片标记：〈img>,单标记，不需要结束标记属性: src 引入图片资源的路径绝对路径：资源在服务器上的位置，该位置是从盘符出发相对路径：资源在服务器上的相对位置，从网页本身出发.。
1. 什么是HTML？HTML是HyperText Markup Language的缩写，即超文本标记语言。
它是一种用于创建和呈现网页的标准标记语言，由一系列标签组成，这些标签可以用来描述网页的结构和内容。
2. HTML的基本语法HTML文档由以下几个部分组成：- <!DOCTYPE html>：声明文档类型，告诉浏览器使用哪种HTML版本来显示网页。
- <html>：整个HTML文档的开头和结尾，包含了网页的所有内容。
- <head>：包含了网页的元信息，如标题、信息和脚本等。
- <title>：设置网页的标题，在浏览器的标签栏中显示。
- <body>：包含了网页的主要内容，如文本、图片、信息等。
3. 常用的HTML标签- <h1>~<h6>：定义标题，共有六个级别，分别表示不同大小的标题。
- <p>：定义段落，用来展示文本内容。
- <a>：定义超信息，可以信息到其他网页或文件。
- <img>：插入图片，用来显示图片。
- <ul>和<ol>：分别定义无序列表和有序列表。
- <li>：定义列表项，在<ul>或<ol>中使用。
4. HTML常用控件的使用方法- 输入框：<input type="text">用于接收用户输入的文本。
- 按钮：<input type="button">用于触发事件或提交表单。
- 复选框：<input type="checkbox">用于多选项的选择。
- 单选按钮：<input type="radio">用于单选项的选择。
- 下拉框：<select>和<option>用于选择一项或多项。
快速入门HTML编程语言第一章：HTML简介HTML（Hyper Text Markup Language）是一种用于创建网页的标记语言。
它通过使用一系列标签来定义网页的结构、内容和格式。
HTML标签由尖括号包围，并且通常成对出现，分为起始标签和结束标签。
第二章：HTML基本结构创建一个基本的HTML页面需要以下几个必要元素：```<!DOCTYPE html><html><head><title>网页标题</title></head><body><!-- 网页内容 --></body></html>```其中，<!DOCTYPE html> 声明告诉浏览器这是一个HTML5文档。
<html>标签定义了整个文档的根元素。
在<head>标签中，可以设置页面的标题和引入外部样式表和脚本。
而<body>标签内包含了网页的实际内容。
第三章：HTML标签HTML提供了大量的标签来定义不同的元素和功能。
其中一些常用的标签包括：1. 标题标签（<h1>到<h6>）：用于定义标题的重要性，从<h1>到<h6>分为6个级别，作为网页的标题，通常使用较大的字体显示。
2. 段落标签（<p>）：用于定义一个段落。
浏览器会自动添加段落之间的空行，以提高可读性。
3. 链接标签（<a href="">）：用于创建超链接，可链接到其他网页、文件或位置。
4. 图像标签（<img>）：用于插入图像，通过指定图像的URL 以及一些其他属性来显示图像。
5. 列表标签（<ul>、<ol>、<li>）：用于创建无序列表和有序列表，<li>标签用于定义列表项。
HTML 基础知识培训一、HTML入门HTML英语意思是：Hypertext Marked Language，即超文本标记语言,是一种用来制作超文本文档的简单标记语言。
用HTML编写的超文本文档称为HTML文档，它能独立于各种操作系统平台（如UNIX，WINDOWS等）。
自1990年以来HTML就一直被用作World Wide Web 的信息表示语言，用于描述Homepage的格式设计和它与WWW上其它Homepage 的连结信息。
使用HTML语言描述的文件，需要通过WWW浏览器显示出效果。
所谓超文本，因为它可以加入图片、声音、动画、影视等内容，因为它可以从一个文件跳转到另一个文件，与世界各地主机的文件连接。
过HTML可以表现出丰富多彩的设计风格图片调用：<img src="路径/文件名">文字格式：<font size="+5 " color="00FFFF">文字</font>通过HTML可以实现页面之间的跳转页面跳转：<a href="" title="" target="_blank">超级链接</a>通过HTML可以展现多媒体的效果音频、视频、动画上面我们在示例超文本特征的同时，采用了一些我们在制作超文本文件时需要用到的一些标签。
所谓标签，就是它采用了一系列的指令符号来控制输出的效果，这些指令符号用“<标签名属性=”值”></标签名>”来表示。
二、HTML的基本结构超文本文档分文档头和文档体两部分，在文档头里，对这个文档进行了一些必要的定义，文档体中才是要显示的各种文档信息。
其中<HTML>在最外层，表示这对标记间的内容是HTML文档。
我们还会看到一些页面省略<HTML>标记，因为.html 或.htm 文件被Web浏览器默认为是HTML文档,但是这种做法是错误的，后面会提到一些错误的做法。
·2·HTML网页设计参考手册HTML的基本概念HTML的发展历史网页设计原则Dreamweaver简介在Dreamweaver中直接编写HTML网页制作技术日新月异，但都是以HTML为基础的。
HTML是浏览器识别网页的标记语言，可以说，没有它就没有丰富多彩的网页。
本章首先让读者对HTML有一个初步的认识，了解其概念、发展历史以及编写方法。
因为它缺少程序设计语言所应有的特征。
HTML通过IE等浏览器的翻译，将网页中所要呈现的内容、排版展现在用户眼前。
1.1.2 HTML的结构概念一个完整的HTML文件包括标题、段落、列表、表格以及各种嵌入对象，这些对象统称为HTML 元素。
在HTML中使用标签来分割并描述这些元素。
实际上可以说，HTML文件就是由各种HTML 元素和标签组成的。
一个HTML文件的基本结构如下：<html> 文件开始标记<head> 文件头开始的标记…文件头的内容</head> 文件头结束的标记<body> 文件主体开始的标记…文件主体的内容</body> 文件主体结束的标记</html> 文件结束标记从上面的代码结构可以看出，在HTML文件中，所有的标记都是相对应的，开头标记为< >，结束标记为</ >，在这两个标记中间添加内容。
有了标记作为文件的主干后，HTML文件中便可添加属性、数值、嵌套结构等各种类型的内容了。
1.1.3 HTML的标记既然HTML是超文本标记语言，那么可以想象其构成主要是通过各种标记来标示和排列各对象，通常由尖括号“<”、“>”以及其中所包容的标记元素组成。
例如，<head>与</head>就是一对标记，称为文件的头部标记，用来记录文档的相关信息。
在HTML中，所有的标记都是成对出现的，而结束标记总是在开始标记前增加一个“/”。
标记与标记之间还可以嵌套，也可以放置各种属性。
此外在源文件中，标记是不区分大小写的，因此在HTML 源程序中，<Head>与<HEAD>的写法都是正确的，而且其含义是相同的。
HTML定义了3种标记用于描述页面的整体结构。
页面结构标记不影响页面的显示效果，它们是帮助HTML工具对HTML文件进行解释和过滤的。
·4·HTML网页设计参考手册<html>标记：HTML文档的第 1 个标记，它通知客户端该文档是HTML文档，类似地，结束标记</html>出现在HTML文档的尾部。
<head>标记：出现在文档的起始部分，标明文档的头部信息，一般包括标题和主题信息，其结束标记</head>指明文档标题部分的结束。
<body>标记：用来指明文档的主体区域，该部分通常包容其他字符串，例如标题、段落、列表等。
读者可以把HTML文档的主体区域简单地理解成标题以外的所有部分，其结束标记</body>指明主体区域的结尾。
1.2 HTML的发展历史1969年前后，托德·尼尔逊提出超文本的概念，IBM公司的Charkes Goklfard等设计出了通用标记语言——GML。
到1978年，美国国家标准局一工作组对GML进行了规范，推出了命名为SGML 的通用标记语言。
1980年，ISO正式确定SGML为描述各种电子文件结构及内容的国际通用标准。
1990年，Tim Berners-Lee将他设计的初级浏览和编辑系统在网上合二为一，创建了一种快速小型超文本语言来为他的想法服务。
他设计了数十种乃至数百种未来使用的超文本格式，并想象智能客户代理通过服务器在网上进行轻松谈判并翻译文件。
它同Macintosh的Claris XTND系统极为相似，不同的是它可以在任何平台和浏览器上运行。
最初的HTML语言以文本格式为基础，可以用任何编辑器和文字处理器来为网络创建或转换文本，仅有不多的几个标签。
网络从此迅猛发展，人们开始在网上发布信息。
很快人们就开始琢磨在网上放置图像和图标。
1993年，NCSA推出了Mosaic，也就是第一个图文浏览器，从此Web开始迅速地发展起来。
HTML 语言也不断产生新型、功能强大且生动有趣的标签形式，例如<background>、<frame>、<font>和<blink>等。
但是此时，出现了许多不同的HTML版本，而只有设计者和用户共有的HTML部分才可以正确显示。
因此在这段时间，W3C都在激烈争论名叫HTML 3的新技术，该文件概括了所有全新的特性，但没有任何技术支持。
出于这种混乱局面的考虑，在1996年，W3C的HTML Working Group组织编写了新的规范，从此HTML 3.2开始发展，它更接近于现实的目标，即提供给内容商和浏览器发展商在研究工作中一个公允的参考标准。
到现在为止，HTML已经发展到了比较成熟的HTML 4版本，在这个版本下的语言中，规范更加统一，浏览器之间的兼容性也更加完善。
1.3 网页设计原则在设计网页时，一般要遵循以下原则：结构性：在设计网页时，须注意网页的标记结构、脚本语言结构、使用条列的方式、善用分段及空白字符，让整体结构看起来整齐美观，易于纠错及理解，在发生问题时，才能很快找到错误所在处。
第1章 HTML 入门·5·通用性：考虑标记语言能否适用于各种浏览器，尽量以大多数浏览器都支持的标记语言为主，倘若有不得已的情况，一定要特别加以注明，并找出替代性的方案。
遇有可以注解或说明的标记或组件属性，应该尽可能地注明其内容。
差异性：了解各种浏览器的差异，力求输出的结果尽可能一致。
习惯性：了解用户使用窗口与浏览时的习惯，如组件摆放的顺序，习惯用鼠标、Tab 键、Esc键及Enter 键等操作习惯，或因网页下载时间太长，无法让用户耐心等候等因素，都是设计网页时必须考虑的因素。
适用性：有些组件会因用户的窗口环境或安装的程序而异，可能在作者的计算机里可以完整地执行，而在其他用户的计算机上却只能下载文档，所以在设计完毕后，一定要多试几组不同平台的计算机，以确保网页的可行性。
反复性：反复检查是否错误，是否有需要注意文字大小写之处，以及名称是否正确。
1.4 Dreamweaver 简介使用Dreamweaver ，设计师可以随心所欲地编写代码、设计网站网页以及进行高级开发。
无论是喜欢手写HTML 代码还是习惯于可视化环境，Dreamweaver 都能提供方便快捷、功能强大的工具，使用Dreamweaver 将是一种全新的体验。
在易用、创新、规范等优点的基础上，Dreamweaver 还拥有更先进的网页布局和设计环境，以及更为强大的代码编辑功能等卓越特性。
Dreamweaver MX 2004的操作界面主要由以下几个部分组成：标题栏、菜单栏、插入栏、文档工具栏、文档窗口、属性面板以及多个浮动面板，如图1-1所示。
图1-1 Dreamweaver MX 2004的界面布局1.4.1 标题栏标题栏主要包括Dreamweaver 标记、应用程序的名称、当前正在编辑文档的标题和名称等信息，还包括最小化按钮、最大化按钮以及关闭按钮。
单击Dreamweaver 标记可以打开系统菜单。
在Dreamweaver 标记后面显示程序名称，之后的中·6·HTML网页设计参考手册括号“[ ]”内是当前打开的文档的标题，小括号“（）”内是该文件的名称。
每次新建一个文档，Dreamweaver都会自动将文档标题命名为“无标题文档”，文件名定义为Untitled-x。
其中，文档的标题和文档的文件名称是不同的概念。
文件的标题通常在文档中的<title>和</title>标记中，是在用浏览器打开文档时显示在浏览器窗口的标题栏上的名称，而文件的名称则是文档存储在磁盘上的文件名。
1.4.2 菜单栏菜单栏位于标题栏的下方，它包括文件、编辑、查看、插入、修改、文本、命令、站点、窗口和个菜单项，如图1-2所示。
帮助10下面简单介绍一下Dreamweaver中的各个菜单项。
“文件”菜单：包含文件操作的标准菜单项，例如新建、打开、保存等。
“文件”菜单还包含各种其他命令，用于查看当前文档或对当前文档执行操作，例如“在浏览器中预览”和“打印代码”。
“编辑”菜单：包含文件编辑的标准菜单项，例如剪切、复制和粘贴等。
“编辑”菜单还包括选择和搜索命令，即“选择父标签”与“查找和替换”，并且提供对键盘快捷键编辑器、标签库编辑器和参数选择编辑器的访问。
“查看”菜单：用于选择文档的不同视图（设计视图和代码视图），并且可以用于显示或隐藏不同类型的页面元素和Dreamweaver工具。
“插入”菜单：提供插入面板的各项，用于将各种对象插入文档。
“修改”菜单：用于更改选定页面元素或项的属性。
使用此菜单，可以编辑标签属性、更改表格和表格元素，并且为库和模板执行不同的操作。
“文本”菜单：用于设置文本的各种格式。
“命令”菜单：提供对各种命令的访问，包括根据格式参数选择设置代码格式的命令、创建相册的命令，以及使用Macromedia Fireworks优化图像的命令。
“站点”菜单：包含站点操作菜单项，这些菜单项可用于创建、打开和编辑站点，以及管理当前站点中的文件。
“窗口”菜单：提供对Dreamweaver中所有面板、检查器和窗口的访问。
“帮助”菜单：提供对Dreamweaver帮助文档的访问，包括用于使用Dreamweaver以及创建对Dreamweaver 的扩展的帮助系统，并且包括各种语言的参考材料。
1.4.3 插入栏对于一些经常使用的操作，从菜单项中选择不是很方便。
插入栏是Dreamweaver提供的一些菜单命令的快捷方法，其按钮一般都和菜单中的命令相对应，运用插入栏可以更方便快捷。
插入栏集成了多种网页元素，包括图像、文字等，如图1-3所示。
第1章HTML 入门·7·图1-3 插入栏单击插入栏左边的向下箭头，可以选择不同的工具组，包括布局、表单、文本等，如图1-4所示。
如果选择“显示为制表符”命令，则以传统的方式显示插入栏，如图1-5所示。
图1-4 工具组菜单 图1-5 传统方式的插入栏 “收藏夹”是用户自定义的组，在这里用户可以创建自己常用的按钮。
1.4.4 文档工具栏“文档”工具栏包含按钮和弹出式菜单，它们提供各种“文档”窗口视图（如“设计”视图和“代码”视图）、各种查看选项和一些常用操作（如浏览器中预览），如图1-6所示。
图1-6 文档工具栏要显示文档工具栏，可以选择“查看”|“工具栏”|“文档”命令。
