网页编程笔记程序.doc

网页编程笔记 网站设计师： 设计 PS网页效果图设计 Flash网页动画设计 制作 html、xhtml、DIV+CSS javascript、jqury——前端 创建方式：记事本、dream weaver、动态生成 语法: 1）标记符/标记符双标记 2）标记符/单标记 3）标记的属性：标记 属性1=参数1 属性2=参数2……内容标记/ 说明：标记与属性、属性之间以空格分隔 属性不分顺序，且属性不是必须的（有默认值） 文档结构： html /*头部信息*/ head title标题/title /head /*主题部分*/ body 正文 /body /html 一、HTML 1.名词解释： WWW：Word Wide Web，万维网 W3C：World Wide Web Consortium，万维网联盟/W3C理事会。 HTML：Hyper Text Markup Language， 超文本标记语言。 CSS：Cascading Style Sheet，级联样式表。 XHTML：eXtensible HyperText Markup Language，可扩展超文本标记语言。 2.参考网页的源代码。右击，查看源文件。 3.HTML不是编程语言，而是一种描述性的标记语言。标记：就是用来描述网页内容的一些特定符号。 4.html标记的语法：标记分为两种，单标记、双标记 标记符没有结束的标记—单标记 开始标记符/结束标记符—双标记 5.需要注意的： 在xhtml中规定，所有html标记，都要小写 所有的标记，都是要有关闭符号的。如下： htmlxhtml brbr / 标记名称 属性 = 属性值 ……/标记名称 所有html都有一个基本结构。 网页的head信息，标识网页文件的头部信息，如标题、搜索引擎关键字等。 6.meta 标记： meta标记用于定义文件信息，是对网页文件进行说明，便于搜索引擎查找。放置于head/head之间。 用meta设置关键字： meta name = keywords content = 关键字多个关键字用“,”分隔。 设置描述：meta name = description content = 对关键字的扩展说明 设置作者：meta name = author content = 作者名 设置字符集：meta http-equiv = content-type content = text/html;charset = gb2312 编码格式：GB2312编码占用2个字节，UTF-8占用3个字节，如果网页文字较多，选择GB2312编码。 设置页面定时跳转：meta http-equiv = refresh content = 2;URL = /里面的2，代表2秒 上面的几个地方需要特别注意： 1.http-equiv之间不能加空格，否则没用，也就是不能写成“http - equiv”！ 2.content-type也是一个整体，不能以空格分隔。 7.body标记的详解： 【1】body是网页的主体标记。 【2】注释的写法：!--这里面填写注释内容--。 【3】body的属性： body bgcolor = 背景颜色 backgroud = 背景图片的路径 text = 文本颜色 link = 链接文本颜色 vlink = 访问过的链接颜色 alink = 激活的链接颜色 leftmargin = 左边界 rightmargin = 右边界 topmargin = 上边界 bottommargint = 下边界。上面的边界的单位都是像素。 【4】html元素、html标签、html标记都是一样的。 【5】有些html元素，有默认的值，比如margin，它不是直接靠在页面的边缘或顶端的，而是空了一点距离，如果想取消这个可以把leftmargin或者topmargin都设置为0。 8.标记语义的应用： 【1】font标记没有语义上的作用。 【2】普通加粗标记：b文字内容/b 普通倾斜标记：i文字内容/i，二者都没有在语义上突出是重点的意思。 【3】语义加强加粗标记：strong文本内容/strong 语义加强的倾斜标记：em文本内容/em，二者都告诉了浏览器，加粗或倾斜的是重点。 【4】各个标记之间的权限不同，当控制比较重要的内容时，可以用strong，标题部分，一般都用h1标记。 【5】下划线u文本/u；删除线s文本/s；上标sup文本sup；下标sub文本sub，br /换行标记。 【6】段落(paragraph)标记p/p： 格式：p align = 对齐方式(left、center、right)……/p 【