网页设计语言课件.pptxVIP

第一章　 HTML简介;Part 1;Internet ;Internet提供的主要服务;WWW;HTML;HTTP;Web 服务器与浏览器;Web 服务器与浏览器;网页、主页与网站;统一资源定位器（URL）;超链接（Hyper Link）;Web服务器及其工作原理;浏览网页的工作过程;网页技术概况;Part 2;HTML标签概述;HTML标签概述;HTML标签概述;HTML标签的属性 ;HTML标签的属性 ;演示——属性的作用;Web页的基本结构;HTML文档结构;在浏览器上的显示结果;从上述代码中我们可以看出HTML文档的基本结构如下图所示：;HTML标签;HEAD标签;HEAD标签;TITLE标签;演示——TITLE的作用;BODY标签;小结 ;Part 3;网页编辑工具;网页编辑工具;素材处理与创作工具;2.1.1 换行标签br 2.1.2 强制不换行标签nobr 2.1.3 自动换行标签wbr 2.1.4 分段控制标签p 2.1.5 原样显示文字标签pre 2.1.6 居中对齐标签center ;2.1.7 引文标签blockquote 2.1.8 水平分隔线标签hr 2.1.9 署名标签address 2.1.10 特殊字符 2.1.11 注释标签 2.1.12 设定网页背景和文字的颜色;2.1.1 换行标签br;nobr标签：把语句强行放在一行中。在nobr标签中包含的文本不管有多长，总是放在一行中进行显示。 nobr主要用于把那些不适于分开的词和短语放在一行中 如果一行文本长度超过一定的限度，可能会突破右边边框跑到屏幕外面去 示例：EX2-02.html;wbr是根据屏幕的宽度，选择适当的地方换行，把其余的文本放到下一行进行显示。 如果一行内容能够在屏幕上显示完整，wbr就不起作用了，它将被忽略掉。 示例：EX2-03.HTML;作用：用于将文档划分为段落，标记为P/P，其中结束标记符通常可省略。 效果：在浏览器中，不同段落文字间除了换行外，还会以一个空白行加以间隔，以便区别出文字的不同段落。;1．格式： ① p 文字 /p ② 文字 p ③ p align =参数 文字 /p 2．说明： 其中align属性有left、center和right三个参数，这三个设置值将依次把段落文字的水平对齐方式设为左对齐、居中对齐和右对齐。 示例：EX2-04.HTML;pre和/pre标签：可保留HTML文件原始的文件排版方式，直接在浏览器中显示出来。 方法???把制作好的那段文本前后分别加上 pre和/pre标签。 示例：EX2-05.HTML;2.1.6 居中对齐标签center;标签blockquote可以用来建立一个引文，它特别适合于较长文本的引用。 引文显示时将会自动右移，左边空出几个格，以示区别。 示例：EX2-07.HTML;2.1.8 水平分隔线标签hr;hr标签属性说明;2.1.9 署名标签address;键盘上没有的字符：在HTML文件中，有些字符没办法直接显示出来，比如说“?”。使用特殊字符可以将键盘上没有的字符表达出来 键盘上有但有特殊意义的字符：有些字符在键盘上虽然可以得到，但在HTML中有其特殊的含义，如“”等等，也必须用一些代码表示它们，以免发生混淆。 空格：在建立HTML文件时，若您利用键盘上的空格键，输入数个空格，不论输入的空格有多少个，都将视为一个。因此，如果您想要输入多个空格时，必须利用空格符号nbsp;。 ;HTML常见特殊字符及其代码表 ;2.1.11 注释标签;2.1.12 设定网页背景和文字的颜色;（A） 其中#nnnnnn代表六位十六进制数，每两位的取值均是从00～FF，代表ASCII码的00~255，前两位设置红色的深浅，中间两位设置绿色的深浅，最后两位设置蓝色的深浅。 （B） 在指定文字的颜色时，也可以直接使用该颜色对应的英文单词，例如，我们指定背景的颜色为红色，可以表示为： body bgcolor=“Red” 也可以表示为 body bgcolor=“#FF0000”。;暗蓝绿(#006666);设置网页背景声音;2.2.1 标题文字标签hn 2.2.2 文字格式控制标签font 2.2.3 特定文字样式标签 ;hn标签用于设置网页中的标题文字，被设置的文字将以黑体、粗体的方式显示在网页中。 1．格式： hn align=参数 标题文字 /hn;2．说明： ① hn标签是成对出现的，在hn和/hn之间的文字就是文档中的标题。 hn标签共分六级，其中h1标签所括起的文字是第一级标题，最大最粗；h6标签所括起的文字是最后一级标题，最小最细。 ② align属性用于设