internet应用基本01.pptVIP

* 讲解要点： 文字的样式格式示例 html head title字体标记/title /head body 粗体+斜体+下划线：biuHTML学习/u/i/b br 数学指数表示：2sup5/sup=32 br 数学底数表示：logsub2/sub32=5 br /body /html 在HTML文档中的回车换行符、Tab符、空格等，在浏览器中是不起作用的，只有使用了相关的标记，文章才能分出段落、显出层次。首先我们看一下常用段落标记有哪些，然后再系统的介绍下 常用段落标记如下所示： 1.段落标记 2.换行标记 3.水平线标记 4.预格式化标记 认识段落标记 ……. P align=center淘宝集市欢迎您！/P P align=left淘宝网首届翠友会！BR …… /P …… 行的控制相关标签 段落标签P 段(Paragraph) (可以看作是空行) p 换行标签BR 换行 br 查看源代码 换段了 换行了 文字布局 内容分隔HR标签 项目列表和编号 有序列表OL 无序列表UL 预格式文本PRE标签 水平分隔线HR 有序列表 无序列表 用了预先定义好的格式 如何使用内容分隔HR标签 HR size=5 color=red width=300 …… BODY HR size=5 color=red width=300“ align=left|center|right HR size=10 color=black width=200 HR size=5 color=#0000FF width=50% /BODY …… 线的厚度值 线的宽度 查看源代码 HR 标签用于在页面上绘制水平线 线的颜色 列表标记 无序列表ul /ul ul type=控制列表项前的标识符号 li列表项具体内容1/li li列表项具体内容2/li …………………… /ul type属性取值有： disk：列表前标识符号是实心圆点，默认值 circle:列表前标识符号是空心圆点 square:列表前标识符号是实心方块 有序列表ol /ol 使用ol/ol定义一个有序列表，其语法格式和无序列表是一样 的。有序列表ol标记有属性type和start type属性是控制列表项前的标识符号。取值有： 1：用数字1、2、3等标识各项，默认值 A：用大写字母A、B、C等标识各项 a：用小写字母a、b、c等标识各项 I： 用大写罗马数字标识各项 i： 用小写罗马数字标识各项 start属性是指定列表从哪个数字或字母开头 如何使用列表 无序列表语法 UL LI列表项内容 /LI …… /UL 有序列表语法 OL LI列表项内容 /LI …… /OL 查看源代码 H4注册步骤：/H4 OL type=1 LI填写信息/LI LI收电子邮件/LI LI注册成功 /LI /OL 新人上路指南 UL type=circle LI如何激活会员名？ /LI LI如何注册淘宝会员？ /LI LI注册时密码设置有什么要求？/LI LI支付宝认证/LI /UL 列表标记——定义列表 定义列表dl /dl 使用dl/dl定义一个定义列表。列表中可以有若干个列表项，每个 列表项有两个元素：术语，用dt标记描述；定义，用dd标记描述 语法如下： dl dt术语 dd术语的定义1 dd术语的定义2 …………. dt术语 dd术语的定义 /dl 预格式文本PRE标签 如何实现如下图所示的页面中的文字效果？ 使用PRE 标签可以实现 如何使用预格式文本PRE标签 PRE IMG src=images/QQ.JPG width=159 height=133 align=LEFT 腾讯-QQ币/QQ幻想-30元卡 一 口 价：26.45元 运　费：卖家承担运费 剩余时间：5天 宝贝类型： 全新 卖主声明：货到付款，可试用10天！ /PRE 查看源代码 HTML中代码格式与浏览器中显示效果一样 图像标签 常见的图片格式介绍 图像类型 优点 缺点 适用场合 制作工具 *.jpg 体积小，比较清晰 有损压缩 、画面失真 网