DW基础教程

Posted 2021-09-04 程序员的朴实无华

1.首先我们要知道什么是DW，DW的全名是Adobe Dreamweaver,简称DW，DW最初是Macromedia公司开发的，到2005年被Adobe公司收购。DW是集网页制作和管理网站于一身的所见即所得网页代码编辑器。利用对 html、CSS、javascript等内容的支持，程序员可以在任何地方进行网页设计。

2.所以我们首先认识什么是HTML、CSS、JavaScript。

3.HTML是超文本标记语言(Hyper Text Markup Language)，标准通用标记语言下的一 个应用。HTML 不是一种编程语言，而是一种标记语言 (markup language)，是 网页制作所必备的。

4.CSS是层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS 不仅可以静态地修饰网页，还可以配合各种脚本语言 动态地对网页各元素进行格式化。/*-- Cascading [kæˈskeɪdɪŋ]  Sheets [ʃiːts]*/

5.JavaScript是一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。

6.好了，我们先从HTML开始学习，什么是HTML标签？

学习网页开发，首先你得知道怎么编写和构造HTML标记，用HTML标记传达你想要给用户展示的内容，比如文字、图片、音频和视频等。HTML规定了一组标签，用来给内容打上不用的标记。每个标签都是对它所包含内容的一种描述。

7.闭合标签与自闭合标签有什么区别呢

闭合标签基本格式如下： 

<标签名>文本内容 </标签名>

可以给这个标签添加一些属性，例如： 
<标签名 属性_1="属性值" 属性_2="属性值">文本内容</标签名>

重点：闭合标签都是成对出现的！

下面给出闭合标签和案例

1. <h1>这是标题标签</h1><!--h1是标题标签-->  
2. <p id="txtp">这是段落标签</p><!--p是段落标签-->  
3. <!--这里的id是属性，txtp是属性值-->  

 

8.自闭合标签

自闭和标签基本格式如下：

<标签名 属性_1="属性值" 属性_n="属性值" />

下面给出自闭合标签和案例。

1. <img  src="tupian.jpg" alt="这是一个小松鼠">  
2. <!--img标签为图片标签 用于在浏览器中显示图片 属性src（source 来源） "images/mycat.jpg"为src的属性值 这里是图片文件的路径 alt（alternative 代替内容）定义的是图片因某种原因下未能成功 

9.HTML中的注释

在编程中经常用到注释所谓注释，顾名思义，标注解释。

1. <!--这里是注释的内容-->  

以<!--开头，以-->结尾。注释的内容显示在它们中间，在浏览器上不会显示注释的内容。

10.然后在记下面几个代码

h1-h6字体大小不同，1最大6最小，是标题标签，

p，是段落标签，

img，是图片标签。