HTML基础语法.ppt

1、基本概念,HTTP-HyperText Transfer Protocol：超文本传输协议 HTML-HyperText Markup Language：超文本标记语言 FTP-File Transfer Protocol：文件传输协议 URL-Uniform Resource Locators：统一资源定位器,HTML基本框架, Sample ,HTML基础,标记文档中含有超文本的内容 html文档的头部，含有初始化信息 页面的标题 文档体，包含页面所有的具体内容,字体效果,.标题字(最大) .标题字(最小) .粗体字 .粗体字 .斜体字 .底线 .底线 .横线 .删除线(表示删除) fon

2、t color=00ff00.字体颜色 .最小字体 .无限增大,表格语法,.表格位置,置左 .表格位置,置中 .背景图片的URL=就是路径网址 .设定表格边框大小(使用数字) .设定表格的背景颜色 .设定表格边框的颜色 .指定表格的栏数 .指定表格的宽度大小(使用数字) .指定表格的高度大小(使用数字) .指定储存格合并栏的栏数(使用数字) .指定储存格合并列的列数(使用数字),HTML常见元素, 文本框 密码框 多选框 单选框 隐藏项 文本域 12345678,贴图,贴图 设定图片宽度 设定图片高度 设定图片提示文字 设定图片边框,Head常用元素,：用于设置一些头信息 ,Form表单,SP

3、AN标记,SPAN 是行内元素，SPAN 的前后是不会换行的，它没有结构的意义，纯粹是应用样式 SPAN标记有一个重要而实用的特性，即它什么事也不会做，它的唯一目的就是围绕你的HTML代码中的其它元素，这样你就可以为它们指定样式了,DIV标记,所谓块元素，是以另起一行开始渲染的元素，行内元素则不需另起一行 DIV也被用来在HTML文件中建立逻辑部分。但与SPAN不同,工作于文本块一级，它在它所包含的HTML元素的前面及后面都引入了行分隔。,DIV与SPAN区别,DIV 和 SPAN 元素最大的特点是默认都没有对元素内的对象进行任何格式化渲染。主要用于应用样式表。两者最明显的区别在于DIV是块元

4、素，而SPAN是行内元素(也译作内嵌元素) 所谓块元素，是以另起一行开始渲染的元素，行内元素则不需另起一行.而SPAN 是行内元素，SPAN 的前后是不会换行的，它没有结构的意义，纯粹是应用样式 块元素和行内元素也不是一成不变的，通过定义CSS的display属性值可以互相转化，如： 测试紧跟前面的测试显示这里会另起一行显示,跑马灯,.普通卷动 .滑动 .预设卷动 .来回卷动 .向下卷动 .向上卷动 向右卷动 向左卷动 .卷动次数 .设定宽度 .设定高度 .设定背景颜色 .设定卷动距离 .设定卷动时间,预格式(preformatted),这是预格式(preformatted) 文本 浏览器会保

5、留pre 里面的 空格 和分行。 pre用来表示计算机代码，效果很好。例如 for i = 1 to 10 print i next i ,字段集fieldset,fieldset在字段集包含的文本和其它元素外面画一个方框 legend在fieldSet对象绘制的方框内插入一个标题 fieldset名称 ,框架,框架可以将屏幕分割成不同的区域，每个区域有自己的URL 分割窗口 左右分割,将左边框架分割大小为20%右边框架的大小浏览器会自动调整 上下分割,将上面框架分割大小为20%下面框架的大小浏览器会自动调整 分割左右两个框架 分割左中右三个框架 分割上中下三个框架,链接格式,(预设好连结路径

6、) 外部连结 外部连结(另开新窗口) 外部连结(全窗口连结) 外部连结(在指定页框连结),IFRAME实现网页的内嵌,iframe元素的功能是在一个文档里内嵌一个文档，创建一个浮动的 帧。其部分属性简介如下： name：内嵌帧名称 width：内嵌帧宽度(可用像素值或百分比) height：内嵌帧高度(可用像素值或百分比) frameborder：内嵌帧边框 marginwidth：帧内文本的左右页边距 marginheight：帧内文本的上下页边距 scrolling：是否出现滚动条(“auto”为自动,“yes”为显示,“no”为不显示) src：内嵌入文件的地址 style：内嵌文档的样式(如设置文档背景等) allowtransparency：是否允许透明,背景音乐, #=WAV 文件的 URL #=循环数 ,视频剪辑, 在浏览器尚未完全读入 AVI 文件时，先在 AVI 播放区域显示该图象 何时开始播放 AVI #=fileopen, mouseover 控制条 用来在视频窗口