网页制作课件_2.pptVIP

网页设计邵叶秦hnsyk@163.com1.《网页设计教程》 张月玲等 清华大学出版社2.《网站建设与管理》 陈长顺 中国铁道出版社;四、Dreamwaver介绍;四、Dreamwaver介绍;四、Dreamwaver介绍;;网页设计邵叶秦hnsyk@163.com1.《网页设计教程》 张月玲等 清华大学出版社2.《网站建设与管理》 陈长顺 中国铁道出版社;第二章 HTML语言;一、HTML文件的构成;一、HTML文件的构成;一、HTML文件的构成;一、HTML文件的构成;二、HTML的常用标记;Font 规定文本的字体、字体尺寸、字体颜色;属性;Input 定义输入域的开始，在其中用户可输入数据 ;Select 创建单选或多选菜单;marquee 定义滚动字幕 ;marquee 定义滚动字幕 ;三. HTML标记的属性和事件;三. HTML标记的属性和事件;属性;属性;属性;HTML表单;属性;属性;;HTML布局;实际表格示例;table;tr;td;HTML框架;frameset属性;frame属性;iframe属性;HTML 列表;HTML 列表;HTML 列表;HTML链接;HTML链接　 ＜a＞标签定义锚;HTML样式单;1. CSS样式定义;;;;网页中应用CSS样式 1. HTML标记中嵌入样式信息 标记符 style=“属性1：属性值1；…” 2. HTML文档头部定义样式信息 head style 样式1 样式2 …… 样式n /style /head 3. 链接外部样式单文件 Link rel=“stylesheet” type=“text/css” href=“样式单文件”;;;;字体属性 1. font-family: 设置HTML元素的字体列表，浏览器由前向后依次选择字体。 {font-family:值1,值2,值3,…,值n} 值为具体的字体。 2. font-style: 设置指定元素的显示字形样式。 {font-style:值} 值为normal(默认), italic, oblique。;字体属性 3. font-variant: 用于在正常和小型大写字母间切换。 {font-variant:值} 值为normal或small-caps。 4. font-weight: 设置字体的粗细。 {font-weight:值} 值为normal(默认), bold, bolder, light,lighter,100,200,…900。;字体属性 5. font-size: 设置字体显示的大小。 {font-size :值} 值为xx-small,x-small,small,median, large,x-large,xx-large,smaller,larger,长度值,百分比值。 6. font: 一次性设置各种字体属性，属性间以空格分隔。 {font: font-weight font-variant font-style font-size font-family} ;文本属性 1. letter-spacing: 设置字符间的间隔大小。 {letter-spacing :值} 值为具体长度值。 2. word-spacing: 设置单词间的距离。 {word-spacing :值} 值为具体长度值。 3. line-height: 控制标记符中文本的行高。 {line-height :值} 值为数字，长度或百分比。;文本属性 4. text-decoration: 设置文本的修饰效果。 {text-decoration:值} 值为underline,overline,line-througn,blink,none(默认)。 5. text-align: 设置文本的对齐方式。 {text-align :值} 值为left(默认),right,center,justify;文本属性 6. vertical-align: 设置文本的纵向对其方式。 {vertical-align :值} 值为baseline（默认）,sub,super,top, text-top,middle,bottom,text-bottom,百分比。