HTML 10笔记.docVIP

使用DIV+CSS布局网页、使用CSS美化网页、制作精美的商业网站。 会使用HTML的基本结构创建网页，会使用文本相关标签排版文本信息，会使用图像相关标签实现图文并茂的页面，会使用a标签创建超链接、锚链接以及功能性链接。 HTML：Hyper Text（超文本） Markup（构造） Language。 DIV：层叠样式表中的定位技术DIVision，划分、图层；编程中叫整除。 CSS：Cascading Style Sheets，层叠样式表、级联样式表，一种用来表现HTML或XML等文件样式的计算机语言，能做到网页表现与内容分离的一种样式语言。 1.html的网页基本结构： html head title页面名称、标题/title /head//文件的头部 body 要显示的内容都放在body中 /body//主体部分 /html HTML…/HTML标签标记着 HTML 文档的开始和结束 网页编辑工具：记事本、UltraEdit。 UltraEdit：一套强大的文本编辑器。 PHP：Hypertext Preprocessor、超文本预处理器，一种通用的开源脚本语言，主要适用于Web开发领域。 JavaScript：有一种直译Ⅹ脚本语言，市一中动态类型、弱类型、基于原型的语言，内置支持类型。与JavaEase功能一样，可以在浏览器上运行。JavaScript就爱内容与ECMA标准，也成为ECMAScript。 ECMA：欧洲计算机制造协会。 DOCTYPE声明：一个文档类型标记是一种标准通用标记语言的文本类型声明，目的是要告诉通用标记语言解析器，它应该使用什么样的文档类型定义（DTD）来解析文档。 DTD：文本类型定义 DOCTYPE声明： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd//Strict（严格类型）、Transitional（过渡类型）、Frameset（框架类型） html xmlns=/1999/xhtml//网页网址 head meta http-equiv=Content-Type content=text/html; charset=gb2312 / title无标题文档/title /head body /body /html 如果使用Dreamweaver创建网页，默认的创建XHTML1.0的过渡类型。 2.基本标签： a：标题标签：通常用于标题或主题，体现标签语义化。 （1）标题的特点：文字变大，上下有间距。 （2）使用标签：h1/h1....h6/h6(文字由大变小) b：段落标签： 特点：文字大小不变，用来标示这是一段文字，具有换行功能。 标签：p/p c：换行标签：br/ 特点：只换行，不设置上下间距 d：水平线标签：hr width= align=/ 说明：width设置宽度，单位可以给百分比，或者多少px像素。align设置水平对齐方式，取值：left、center(默认)、right。 示例：width=50%或者 width=200px e：设置文字格式： （1）加粗：strong/strong （2）倾斜：em/em 注意：如果出现标签嵌套，一定要注意嵌套关系，不要交叉嵌套 错误代码：strongemaaaa/strong/em，改正：strongemaaa/em/strong。 f：特殊符号以及转义码： 空格：nbsp;、版权符：copy;、小于号:lt;、大于号：gt;、quot g：title标签：网页名 h：meta标签 meta http-equiv=Content-Type content=text/html; charset=gb2312”///网页的字符编码，网页常用的字符编码有gb2312、utf-8 meta name=”keywords” content=”中软高科 ///搜索关键词 meta name=”description” content=”中软高科是国内最大的…… ///内容描述 图像标签：常用的图片格式：JPG（JPEG）、GIF（JPG、GIF是网页中最常用的格式）、PNG（受浏览器兼容性的限制）、BMP 语法：img src=path width=x height=y title=text alt=text/ 说明：src：图片的路径、width：图片宽度、height：图片高度、title：鼠