网页制作HTML语言.ppt

,网页制作: HTML语言,一 网页文件的扩展名 .html .htm,二 网页文件中的字符 普通字符 直接显示 标记字符 在 之内 起控制作用,三 文字格式设置 大小 颜色 字形 粗体 斜体 下划线 始: 终: ,四 标记的开始与结束标志 :开始标志 :结束标志,五 表格格式设置 单元格内容 ,六 图像 其中 height:高度 （单位：像素）,七 超级链接 linkage: 其它网页文件 图形、声音文件 其它网址 页内其它位置,相对路径,当前目录中的文件： file.ext (与网页文件在同一目录, file.ext为文件名) 子目录中的文件： dir/file.ext (dir为子目录名, file.ext为文件名) 兄弟目录中的文件： /dir/file.ext (dir为兄弟目录名, file.ext为文件名) 叔伯目录中的文件： /dir/file.ext (dir为叔伯目录名, file.ext为文件名),文件类型,网页文件 .htm .html (.asp, .php 等:服务器上运行) CSS文件 .css JavaScript文件 .js 源文件 执行文件 JavaApplet .java .class Flash .fla .swf,文件类型,图像文件 .bmp .jpg .gif .png 声音文件 .wav .mp3 .ra .mid(符号化) 影像文件 .mpg .avi .rm .swf(矢量化) （=动态影像+同步声音） 压缩文件 .zip .rar .exe(自解压) 文本文件 .txt(真正的文本文件不会带病毒),网页格式设置辅助语言: CSS,一 特点（Cascading Style Sheets：样式表 ） 嵌套继承， 一劳永逸 not WYSIWYG (非 所见即所得),二 CSS 在文件中的位置 标题栏文字 ,三 CSS 格式 p font-size:12pt;font-family:黑体;color:blue table color:yellow;background-color:blue .x5 font-size:9pt tr.ht font-family:黑体 标记名 属性:值; ,CSS 调用 ,四 文字格式设置 font-weight: bold 粗体 font-style: italic 斜体 font-family: 字体名1,“字体名2”,. font-size: ?pt,划线,文字下划线：A:linktext-decoration:underline; 文字上划线：A:linktext-decoration:overline; 文字删除线：A:linktext-decoration:line-through; (文字闪烁：A:linktext-decoration:blink; ) 不要任何效果：A:linktext-decoration:none,距离,词距 word-spacing 字母距离 letter-spacing 行高 line-height 首行缩进 text-indent,五 背景 background-color: 颜色 background-image: url(图像文件名) background-repeat: repeat repeat-x repeat-y no-repeat,六 内容分部 div ：纵向（如：一个网页的不同部分设置不同的对齐方式） span ：横向（如：一行之内的文字设置不同背景）,七 超级链接的颜色和字体 a:link a:active a:visited ,各种网络协议,TCP/IP Internet上 最基本的协议 HTTP WWW服务器 FTP FTP服务器 SMTP 电子邮件发送 POP3 电子邮件接收 （注意: HTML是标记语言，不是协议） （所有的协议都在幕后工作，对用户透明）,DNS,域名解析服务器 作用：把文字形式的域名转换成 数字形式的IP地址 如：北大的DNS服务器： 7 2,URL,统一资源定位器 作用：网络资源的全球定位，唯一识别 结构：协议名:/域名:端口/路径/文件名#位置 (其中 内的成分可省略) 如： /hrzhang/default.htm,常用默认端口,HTTP端口：80 （超文本传输协