注意看红色开发工具与关键技术： Dw
作者：陈立彬
撰写时间：2021/8/26
- 在打开Dreamweaver之前，我们要准备的工具有：谷歌、火狐、苹果等其他浏览器。还有开发工具：ps。进行图片修改以及剪辑。学习Dreamweaver的基础页面例如：
PC端——页面 、移动端——页面、 用户体验…
- 首先打开Dw,创建一个新的HTML，打开的内容如下图：
里面是打代码的区域，我们首先要认识一下什么是HTML?
3. 什么是HTML标签？
学习网页开发，首先你得知道怎么编写和构造HTML标记，用HTML标记传达你想要给用户展示的内容，比如文字、图片、音频和视频等。用HTML标记内容的目的是为了赋予网页语义，换句话讲就是要给你的网页赋予某些用户代理能够理解的含义。我们平常用的浏览器、给视障用户朗读网页的屏幕阅读器，他们需要显示和分析网页。HTML规定了一组标签，用来给内容打上不用的标记。每个标签都是对它所包含内容的一种描述。
4.HTML标签介绍
超文本标记语言(Hyper Text Markup Language)，标准通用标记语言下的一 个应用。HTML 不是一种编程语言，而是一种标记语言 (markup language)，是 网页制作所必备的。
HTML超文本编程语言定义：超文本标记语言是标准通用标记语言下的一个应用，也是个一种规范，一种标准。它通过标记符号来标记要显示的网页中的各部分。网页文件本身是一种文本文件，通过在文本文件中添加标记符，可以告诉浏览器如何显示其中的内容（如：文字如何处理，画面如何安排，图片如何显示等）。浏览器按顺序阅读网页文件，然后根据标记符来解释和显示其标记的内容，对书写出错的标记将不指出其错误，且不停止其解释执行过程，编制者只能通过显示效果来分析出错原因和出错部位。但需要注意的是，对于不同的浏览器，对同一标记可能会有不完全相同的解释，因而可能会有不同的显示效果。
“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元 素。超文本标记语言的结构包括“头”部分（英语：Head）、和“主体”部分（英 语：Body），其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内 容。
- HTML中的注释
快捷键：（Ctrl+/）
在软件编程中我们很多时候都会用到注释，所谓注释，顾名思义，标注解释。
- <!--这是显示注释的内容-->
以<!--开头，以-->结尾。注释的内容显示在它们中间，值得注意的是浏览器在加载页面的时候不会显示注释的内容。
- 闭合标签
快捷键：（标签名+Tab）
闭合标签：（一般情况文本显示用闭合标签）
闭合标签的基本格式如下：
<标签名>文本内容 </标签名>
可以给这个标签添加一些属性，例如：
<标签名 属性_1="属性值" 属性_2="属性值">文本内容</标签名>
标题、段落等文本元素都要求闭合标签，也就是一个开始标签和一个结束标签，例如：
- <h1>前端开发 </h1><!--标题标签-->
- <p id="txtp">这是一个标签 </p><!--段落标签-->
- <!--这里的id为段落标签p的属性，txtp为id属性的属性值-->
重点：闭合标签都是成对出现的
在浏览器和DW显示内容，如下：
6．自闭合标签(一般引用内容用自闭合标签)
快捷键：（img+Tab）
自闭和标签基本格式如下：
<标签名 属性_1="属性值" 属性_n="属性值" />
自闭合标签只是给浏览器提供一个要显示内容的引用。浏览器会在页面加载的时候，额外向服务器发送请求，以取得自闭和标签引用的内容。
下面给出自闭和标签的事例，显示内容如下图所示：
<!--img标签为图片标签 用于在浏览器中显示图片 属性src（source 来源）
“html/QQ图片20210713095309.jpg”为src 的属性值，这是图片文件的路劲。
更多推荐
DW的前端开发基础
发布评论