web基础教程.pptVIP

中软培训中心web基础教程主讲：王昕哲开篇欢迎大家和我一起学习Web基础学习时间：半天，4学时学习内容：HTML、JavaScript、CSS要点安排：第1HTML第2JavaScript第3HTML与JavaScript的交互第4css样式表三多1、多记2、多动3、多练三不1、不要轻视Web2、不要偷懒这个不是我第一章HTML简介第一章HTML简介第一章HTML简介什么是HTML？1、作用2、名称HTML英文名称是什么?HyperTextMarkupLanguage（超文本标记语言）第一章HTML简介B第一章HTML简介4、HTML结构人第一章HTML简介标签：htmlheadbodyhtml/htmlhead/head/bodybody第一章HTML简介练习：请做一个html页面，输出：“这是我的第一个html页面”演示第二章HTML标签第二章HTML标签第二章HTML标签标签组成：HTML标签种类：HTML标签通常称对出现，如html/html、b/b等有个别单独出现的标签我们叫它：空标签。如br（强制换行符）第二章HTML标签标签属性标签可以拥有属性。属性进一步说明了该元素的显示或使用特性。如：bodytext=”red”属性的格式：属性名=“属性值”/’属性值’/属性值跟我来为例子添加属性属性的位置：标签名属性名=“属性值“xxx/标签名添加多个属性：标签名属性名=“属性值“属性名=“属性值“xxx/标签名跟我来为例子添加多个属性第二章HTML标签段落:p内容/p标题元素:h1内容/h1h6内容/h6注意：标题的居中属性Align=“center”换行:br注意：br是一个空标签水平线:hr注意：hr是一个空标签注释:!--注释内容--第二章HTML标签块标签:div内容/div空格符：nbsp;注意：如要加多个空格，只需加多个nbsp;标志 演示：用以上所讲的标签做一个html页面显示第二章HTML链接HTML链接第三章HTML链接链接：HTML使用超级链接来连接到网络上的其他页面链接标签：ahref=“lastpage.htm”页面显示文本/aHref属性（链接页面地址）href=“所要链接到的页面地址”target属性：atarget=“_blank”网易/a属性值：_第三章HTML链接图片标签：imgsrc=next.gif“height=“”width=“”Src属性（链接本地资源）src=“所要链接资源地址”注意：img标签是一个空标签图片作为链接：aherf=“”imgsrc=“”/a第三章HTML链接相对路径：资源路径与你打开页面有关联的路径叫相对路径绝对路径：资源路径与你打开页面无关的路径叫绝对路径如果当前页面与引用资源在同一文件夹内则直接写资源名称如果引用资源在当前文件夹下一级的文件夹内则需：./文件夹名称/资源名称如果引用资源在当前文件夹上一级的文件夹内则需：../资源名称如果引用资源在当前文件夹上两级的文件夹内则需：../../资源名称演示：第四章：HTML表格和列表第四章：HTML表格和列表第四章：HTML表格和列表HTML表格表格标签：table/table行标签：tr/tr列标签：td/td空格：nbsp;画一个表格(一行两列)：tabletrtd/tdtd/td/tr/table注意：一个完整的表格必须由三个标签构成，且应该先画行后画列第四章：HTML表格和列表表格头标签（表格头位于表格的内部）：th头内容/thth标签相当于一个td标签，用法也相同。只不过格式化字体表格标题标签（表格标题位于表格的上部）：captionMyCaption/caption注意：caption标签放在table的下边，第一个tr的上边第四章：HTML表格和列表美化表格——表格的属性Border（边框）属性：border=“number”Bgcolor（背景色）属性：bgcolor=“blue”background（背景图像）属性：background=“图片位置”Width、height属性：width=“300”height=“200”第四章：HTML表格和列表colspan属性(合并纵向单元格)：colspan=“number”rowspan属性(合并横向单元格)：rowspan=“number”第四章：HTML表格和列表练习请用学过的知识画一个相似的表格用DreamWeaver完成这个功能！DreamWeaver简介演示第五章HTML样式单第七章HTML样式单第五章HTML样式单CSS是CascadingStyleSheets（层叠样式表单）的简称CSS的基本语法：HTML标志{标志属性：属性值；标志属性：属性值；标志属性：属性值；……}多个标志相同属性的定义方式：=B,I,H1{color:r