01静态网页基础知识.doc

01_静态网页基础知识 网页运作原理 网页实际上是一个文件，它存放在某一台计算机中（通常是网站服务器）。网页文件通过浏览器解释内容，显示到用户屏幕上。 网页的类型，静态网页和动态网页的区别 1）静态网页：静态网页同一个页面里的内容是固定不变的，静态网页文件可直接在用户的计算机中双击打开浏览内容。 2）动态网页：动态网页有程序代码编写，可根据浏览用户的需求而显示不同的内容。动态网页文件无法直接双击浏览，必须通过服务器处理后才能观看。 静态网页文件 静态网页使用HTML(超文本标签语言)文本代码进行编写，扩展名为 .html 或 .htm 。HTML文本代码是一种样式代码，负责控制网页的样式效果，不属于编程代码。 新建html文件的方法： 1）打开dreamweaver，新建html文件。 2) 新建一个文本文件.txt ,将扩展名改为 .html 。 HTML网页代码结构（了解即可） !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd 文档类型，用来指定页面所使用的XHTML或HTML的版本。(保持默认即可) html xmlns=/1999/xhtml /html 网页文档的开始和结束，其中xmlns声明当前网页代码编写符合/1999/xhtml提供的制定标准。(保持默认即可) head meta http-equiv=Content-Type content=text/html; charset=gb2312 / title网页标题/title /head 网页头部，用于声明网页使用的编码语言，设置网页的标题名称 body /body 网页的主体部分，只有编写在该部分之间的内容才会被显示在网页上。 HTML 标签书写格式 HTML代码都是由不同类型的标签组成，不同的标签在网页中其不同的作用，标签是由尖括号包围的关键词，如： html /html head /head body /body div /div HTML 标签通常是成对出现的，格式为标签名 /标签名，如： em文字倾斜/em strong 文字加粗 /strong 标签中的第一个部分是标签的开始，第二个部分是标签的结束，标签中间的内容会受到标签属性的影响，在页面中显示不同的效果。 一少部分标签只有一个部分，格式为标签名 /，如： img / br / 在页面中显示的内容所对应的代码，应写在body/body标签之间 标签可以相互嵌套，嵌套后标签的效果会叠加在一起，如： a href=#strong超链接和加粗/strong/a 部分标签能添加特定的属性，用于控制标签的样式和功能，这些属性会添加到标签开始部分的标签名称后，格式为标签名 属性=参数/标签名，如： a href=“href”设定了超链接的地址/a HTML注释标签 注释的作用是为代码提供说明解释，方便我们快速理解网页中每一段代码的作用，它本身并不会被网页执行，不影响网页的整体效果。 注释代码一般添加到每一行的末尾，格式为： !-- 注释内容 -- 网页文件 浏览器 网页内容 打开 解析 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=/1999/xhtml head meta http-equiv=Content-Type content=text/html; charset=gb2312 / title网页标题/title /head body 网页内容 /body /html