01__静态网页基础知识

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