2024年6月11日发(作者：)

使用DIV+CSS布局网页、使用CSS美化网页、制作精美的商业网站。

会使用HTML的基本结构创建网页，会使用文本相关标签排版文本信息，会使用图像相关标

签实现图文并茂的页面，会使用a标签创建超链接、锚链接以及功能性链接。

HTML：Hyper Text（超文本） Markup（构造） Language。

DIV：层叠样式表中的定位技术DIVision，划分、图层；编程中叫整除。

CSS：Cascading Style Sheets，层叠样式表、级联样式表，一种用来表现HTML或XML等文件

样式的计算机语言，能做到网页表现与内容分离的一种样式语言。

的网页基本结构：

//文件的头部

要显示的内容都放在body中

//主体部分

...标签标记着 HTML 文档的开始和结束

网页编辑工具：记事本、UltraEdit。

UltraEdit：一套强大的文本编辑器。

PHP：Hypertext Preprocessor、超文本预处理器，一种通用的开源脚本语言，主要适用于Web

开发领域。

JavaScript：有一种直译Ⅹ脚本语言，市一中动态类型、弱类型、基于原型的语言，内置支持

类型。与JavaEase功能一样，可以在浏览器上运行。JavaScript就爱内容与ECMA标准，也

成为ECMAScript。

ECMA：欧洲计算机制造协会。

DOCTYPE声明：一个文档类型标记是一种标准通用标记语言的文本类型声明，目的是要告诉

通用标记语言解析器，它应该使用什么样的文档类型定义（DTD）来解析文档。

DTD：文本类型定义

DOCTYPE声明：

"/TR/xhtml1/DTD/">//Strict（严格类型）、Transitional

（过渡类型）、Frameset（框架类型）

//网页网址

如果使用Dreamweaver创建网页，默认的创建XHTML1.0的过渡类型。

2.基本标签：

a：标题标签：通常用于标题或主题，体现标签语义化。

（1）标题的特点：文字变大，上下有间距。

（2）使用标签：

....

(文字由大变小)

b：段落标签：

特点：文字大小不变，用来标示这是一段文字，具有换行功能。

标签：

c：换行标签：

特点：只换行，不设置上下间距

d：水平线标签：

---

说明：width设置宽度，单位可以给百分比，或者多少px像素。align设置水平对齐方

式，取值：left、center(默认)、right。

示例：width="50%"或者 width="200px"

e：设置文字格式：

（1）加粗：

（2）倾斜：

注意：如果出现标签嵌套，一定要注意嵌套关系，不要交叉嵌套

错误代码：aaaa，改正：aaa。

f：特殊符号以及转义码：

空格： 、版权符：©、小于号:<、大于号：>、"

g：