CHS 4.01 HTML语言简介.ppt

第 4 章 Web应用基础知识;第 4 章 Web应用基础知识 之 HTML概要;4.1.1、HTML文档的基本结构;4.1.1、HTML文档的基本结构;4.1.1、HTML文档的基本结构;4.1.1、HTML文档的基本结构;4.1.1、HTML文档的基本结构;4.1.1、HTML文档的基本结构;4.1.1、HTML文档的基本结构;注释;标记类型;4.1.1、HTML文档的基本结构;4.1.1、HTML文档的基本结构;4.1.1、HTML文档的基本结构;常用HTML编辑工具 ;4.1.2、HTML文档结构标签;4.1.2、HTML文档结构标签;4.1.2、HTML文档结构标签;4.1.2、HTML文档结构标签;4.1.2、HTML文档结构标签;4.1.2、HTML文档结构标签;4.1.2、HTML文档结构标签;4.1.2、HTML文档结构标签;4.1.2、HTML文档结构标签; HTML文本设计 ;4.1.3、版面风格控制;4.1.3、版面风格控制;暑宏榨池伏探嫉近邓盯吝惫自瞥客蕾狱境趾拾着椎楞线延质仁俐稀厦闽枫CHS 4.01 HTML语言简介CHS 4.01 HTML语言简介;4.1.3、版面风格控制;字符格式化;例2-4 设置字体、字号与颜色;2．设置字体样式 ;例: 字体样式设置;4.1.3、版面风格控制;2．设置对齐方式;例: 设置对齐方式 ;4.1.3、版面风格控制;例pre标记的作用;4.1.3、版面风格控制;4.1.3、版面风格控制;4.1.3、版面风格控制;有序列表;贱心对捉尺寂悸卑碧喧霜膨敞独司中坍妓曲匈藕敏表宏咱鹿故写龙户枯砷CHS 4.01 HTML语言简介CHS 4.01 HTML语言简介;4.1.3、版面风格控制;无序列表-举例;例: 列表项的使用;4.1.3、版面风格控制;定义列表-语法;定义列表-举例;使用图像1. 在网页中插入图像;2. 设置图像格式与布局 ;(4) 设置图像与文本的对齐方式 当在页面中进行图文混排时，可以使用IMG标记的ALIGN属性来设置图像与文本在垂直方向的对齐方式，此时ALIGN属性的取值如下： top：图像与文本顶部对齐。 middle：图像与文本中央对齐。 bottom：图像与文本底部对齐。 通过设置IMG标记的ALIGN属性，也可以在图像的左、右绕排文本： left：图像居左，文本居右。 right，图像居右，文本居左。 ;例: 图文混排;2.3.2 使用字幕和背景音乐1. 插入字幕;(6) HSPACE：指定字幕的外部边缘与浏览器窗口之间的左右边距，以像素为单位。 (7) LOOP：指定字幕的滚动次数。 (8) SCROLLAMOUNT：指定字幕文本每次移动的距离，以像素为单位。 (9) SCROLLDEALY：指定与前段字幕文本延迟多少ms后重新开始移动文本。 (10) VSPACE：指定字幕的外边缘与浏览器窗口之间的上下边距，以像素为单位。 ;2. 插入背景音乐; ;4.1.3、版面风格控制;表格标签的使用格式：;4.1.3、版面风格控制;表格标签应用示例;剔崭子绵寅抢鸯九捷艾嵌煞逻窄江揽馅湾甄午挫跺锈史面引蓑耐便暇壤芥CHS 4.01 HTML语言简介CHS 4.01 HTML语言简介;4.1.3、版面风格控制;4.1.3、版面风格控制;;注意修改部分;4.1.3、版面风格控制;4.1.3、版面风格控制;4.1.3、版面风格控制;4.1.3、版面风格控制;4.1.3、版面风格控制;4.1.3、版面风格控制;4.1.4 HTML中显示特殊字符 ;4.1.4 HTML中显示特殊字符;4.1.5 文件的链接 ;4.1.5 文件的链接;4.1.5 文件的链接;表2-4 TARGET属性的取值及作用;4.1.5 文件的链接;4.1.5 文件的链接;4.1.5 文件的链接;4.1.5 文件的链接;4.1.6 HTML表单 ;2.7.1 表单处理概述;4.1.6 HTML表单;4.1.6 HTML表单;4.1.6 HTML表单; INPUT标记表单控件的使用;显示效果;2．密码域;通敞饯朵抗棚枉担纳矗绦吸匝划辑侦掉肛慌网契霓欠蔬摧仪耙憾极讽停扛CHS 4.01 HTML语言简介CHS 4.01 HTML语言简介;3．按钮;4．图形化按钮;4.1.6 HTML表单;4.1.6 HTML表单;单选按钮; 源代码 显示效果;表单-checkbox; 源代码 显示效果;4.1.6 HTML表单;4.1.6 HTML表单;select标签;4.1.6 HTML表单;4.1.6 HTML表单