Chapter 1 一 HTML Based.pptVIP

Chapter 1 本章重点 了解HTML HTML发展 HTML开发工具 HTML页面基本标记 属性 段落标记 标题标记 块标记 字体标记 图片标记 水平线 超链接标记 列表标记 字段标记 特殊字符标记 滚动文字标记 多媒体标记 HTML开发工具 记事本 EditPlus NotePad++ Dreamweaver?ADOBE产品之一 注:HTML文件扩展名为:.html,.htm 文本文件 *.txt Word *.doc *.docx Excel *.xls *.xlsx 图片 *.jpg *.png *.gif *.bmp *.tif 注：资源管理器=》工具=》文件夹选项=》查看=》隐藏已知文件扩展名取消勾选 HTML页面基本标记 1-1 HTML页面包括三部分 第一部分:html 第二部分:head(头) title(标题) 第三部分:body(正文) 注:HTML标记每次都以成对的方式出现，标记名应该包括在”“和”” HTML页面基本标记 1-2 html head title/title /head body /body /html 属性 描述该标记显示特性的作用 body bgcolor=“red” /body Bgcolor 背景色 Background 背景图片 段落标记 P 属性 align=“left/center/right” p这是一个段落/p 默认情况下,段落与段之间有一行的间隔 p align=“center”这是居中的文字/p 注:使用br/标记可以替代p标记 标题标记 h1~h6 属性: align=“left/center/right” h1标题1/h1 … h6标题6/h6 注:b加粗文字/b 块标记 Div 属性: align=“left/center/right” 可以跨段落对齐(可以同时对齐多个段落) 水平线 Hr size 线条粗细 Width 线条宽度 Color 线条颜色 Align 对齐(left/center/right) hr size=“1” width=“100” color=“red” / 字体标记 Font 属性 size:大小 color:颜色 face:字体 font size=“6” color=“red” face=“宋体”中华人民共和国/font 图片标记 Img 属性 src:图片路径 width:宽度 height:高度 border:边框大小 如果不设置图片的宽高,那么则显示图片的原始大小 img src=“image/01.jpg” width=“20” height=“30”/ 列表标记 列表标记分为两类,分别为:有序列表和无序列表 有序列表 OL 属性: type=“1/i/I/a/A” 无序列表 UL 属性: type=“circle/square/disc” 列表项 li 字段标记 Fieldset 子标记 legend 特殊字符标记 空格 nbsp; 小于号 lt; 大于号 gt; 商标 reg; 版权 copy; 上标 sup 下标 sub 加粗 b 下划线 u 倾斜 i 滚动标记 Marquee 属性 width:宽 height:高 direction=“left/right/up/down” loop:滚动的次数 scrollamount:间距,每次移动的距离 scrolldelay:延时,设置移动时间的间隔 bgcolor:背景颜色 多媒体标记 Embed/bgsound 属性 src:音乐地址 width:宽度 height:高度 loop=“true/false” 是否循环播放 autostart=“true/false” 是否自动播放 hidden=“true/false” 是否隐藏播放界面 Embed可以播放视频和音乐 Bgsound只能播放音乐,并且没有播放界面 超链接标记 A 属性 href=“超链接地址” 外部地址(绝对地址)：http:// 相对地址：访问当前站点内的内容 target=“_blank|new” _blank 新窗口 * *