文字图片超链接.ppt

1,Html基本标签,文字排版,排版： 在网页中对文字段落进行排版，并不像文本编辑软件Word那样可以定义许多模式来安排文字的位置，甚至连Word中可以进行的最基本的编排操作也不行。 示例 文字编排 白日依山尽， 黄河入海流。 欲穷千里目， 更上一层楼。 登鹳雀楼 ,空格、回车的使用,排版： 如果想要实现和文本文件中一样的编排效果，只是需要加入HTML标记就可以了。 示例 文本中空格、回车的使用 白日依山尽， 黄河入海流。 欲穷千里目， 更上一层楼。 登鹳雀楼 ,单行显示,单行显示（强制不换行) ：,4, 强制不换行 青海长云暗雪山，孤城遥望玉门关。 黄沙百战穿金甲，不破楼兰终不还。 青海长云暗雪山，孤城遥望玉门关。 黄沙百战穿金甲，不破楼兰终不还。 ,段落显示,段落显示：,5, 诗词学习 我是第一段 我是第二段 我是第三段 ,思考,和的区别？,6, 诗词学习 我是第一段 我是第二段 我是第三段 我是第四段 ,标题标记,标题： 是文章总要有标题，给文章一个醒目的标题会达到提纲挈领、总括和强调要传达的内容的作用。 示例 标题标记 以下为标题样式： H1 标题大小 H2 标题大小 H3 标题大小 H4 标题大小 H5 标题大小 H6 标题大小 ,HTML文件会自动截去多余的空格。不管你加多少空格，都被看做一个空格。 一个空行也被看做一个空格。 用换行是个坏习惯，正确的是使用。,小总结,居中显示：,居中显示, 文本居中 春眠不觉晓， 处处闻啼鸟。 夜来风雨声， 花落知多少。 ,段落缩进：,10,使用文字, 文本块引用 摘自新民晚报: 虽说WTO的大门近在咫尺，但中国的汽车进口关税仍然高达80%以上，目前没有多少实质性的下调。 ,文字的编排 原始版面的显示：，,11,使用文字, 原版显示 是段落标签。 是段落标签。 ,注释标记,注释： 良好的注释能大大提高阅读代码的效率，降低代码的维护成本。那么HTML当中的注释是怎样实现的呢？ 示例 注释标记 正文 ,文字的编排 多彩文字特效 文字格式的进阶应用： , , , , 注意：w3c标准里很多标签已经被替换，如b被strong替换，i被em替换，u被del替换，s被ins替换。,特殊字符, 这是段落标记 H2O ,特殊字符有两种： 1、html中有特殊含义的字符，如,分隔符的使用,分隔符： 示例 分隔符 标题 正文开始。 ,分隔符的使用,分隔符属性： size 水平线的宽度 width 水平线的长，用占屏幕宽度的百分比或象素值来表示 align 水平线的对齐方式，有left right center三种 noshade 线段无阴影属性，为实心线段 Color 颜色,属性的使用,Html标记可以有很多属性，属性可以扩展html标记的功能。 w3c中，推荐尽量用style来表示。,颜色取值范围,两种表示方式： 1、颜色名称：blue，red，white，black等（w3c规定只有16种颜色名称表示） 2、十六进制的数值表示RGB的颜色值，建议采用16进制。 R-red：0-255 0-ff（16进制） G-green ：0-255 0-ff（16进制） B-blue：0-255 0-ff（16进制） #RRGGBB(#000000#FFFFFF) 常用单位 像素：px。,属性的应用,align应用： 左对齐显示 居中显示 右对齐显示,文字的编排 多彩文字特效 不同的文字格式： 相 思 红豆生南国， 春来发几枝。 愿君多采撷， 此物最相思。 ,21,使用文字,小练习,背景,页面背景颜色设置及默认文字颜色设置(默认情况下，网页使白底黑字),背景：background-color；文本颜色：color,属性就近原则, 这是蓝色文字 这是红色文字 ,滚动字幕, 胡锦涛抵澳大利亚访问 布什称与胡锦涛关系诚挚 外交部成立应对气候变化小组 任命谈判特别代表 布什突访伊拉克 暗示可能减少驻伊美军 建设部：小区规划变更需征得当事人同意 古井集团原董事长将移送检院 8高管被立案侦查 奥运会前国内航班有望实现乘机时打电话上网 南京暂停对购买第二套住房者发放公积金贷款 巴基斯坦被绑架100多名士兵有望今日获释 教育部要求各地稳定高校菜价 ,属性详解,a)scrollAmount。它表示速度，值越大速度越快。如果没有它，默认为6，建议设为13比较好。 b)width和height，表示滚动区域的大小，width是宽度，height是高度。特别是在做垂直滚动的时候，一定要设height的值。 c)direction。表示滚动的方向，默认为从右向左：。可选的值有right、down、up。滚动方向分别为：right表示，up表示，down表示。 d)scrollDelay，这也是用来控制速度的，默认为90，值越大，速度越慢。通常scrollDelay是不需要设置的。 e)behavior。用它来控制属性，默认为循环滚动，可选的值有alternate(交替滚动)、slide(幻灯片效果，指的是滚动一次，然后停止