《文字图片超链接》由会员分享,可在线阅读,更多相关《文字图片超链接(27页珍藏版)》请在金锄头文库上搜索。
1、HtmlHtml基本标签基本标签文字排版排版:在网页中对文字段落进行排版,并不像文本编辑软件Word那样可以定义许多模式来安排文字的位置,甚至连Word中可以进行的最基本的编排操作也不行。 2.示例 文字编排 白日依山尽,黄河入海流。欲穷千里目, 更上一层楼。 登鹳雀楼 空格、回车的使用排版:如果想要实现和文本文件中一样的编排效果,只是需要加入HTML标记就可以了。2.示例 文本中空格、回车的使用 白日依山尽,黄河入海流。 欲穷千里目, 更上一层楼。 登鹳雀楼 单行显示单行显示(强制不换行单行显示(强制不换行) ) : 强制不换行 青海长云暗雪
2、山,孤城遥望玉门关。 黄沙百战穿金甲,不破楼兰终不还。 青海长云暗雪山,孤城遥望玉门关。 黄沙百战穿金甲,不破楼兰终不还。 段落显示段落显示:段落显示:诗词学习我是第一段我是第二段我是第三段思考和和的区别?的区别?诗词学习我是第一段我是第二段我是第三段我是第四段标题标记标题:是文章总要有标题,给文章一个醒目的标题会达到提纲挈领、总括和强调要传达的内容的作用。 2.示例 标题标记 以下为标题样式:H1 H1 标题大小标题大小H2 H2 标题大小标题大小H3 H3 标题大小标题大小H4 H4 标题大小标题大小H5 H5 标题大小标题大小H6 H6 标题大小标题大小 HTML文件会自动截去多余的空格
3、。不管你加多少空格,都被看做一个空格。 一个空行也被看做一个空格。用换行是个坏习惯,正确的是使用。小总结居中显示:居中显示:居中显示文本居中春眠不觉晓,处处闻啼鸟。 夜来风雨声, 花落知多少。段落缩进:段落缩进:使用文字文本块引用摘自新民晚报:虽说WTO的大门近在咫尺,但中国的汽车进口关税仍然高达80%以上,目前没有多少实质性的下调。文字的编排原始版面的显示:原始版面的显示:,使用文字原版显示 是段落标签。是段落标签。注释标记注释:良好的注释能大大提高阅读代码的效率,降低代码的维护成本。那么HTML当中的注释是怎样实现的呢?2.示例 注释标记 正文 文字的编排多彩文字特效多彩文字特效文字格式的
4、进阶应用:文字格式的进阶应用:, , , 注意:注意:w3cw3c标准里很多标签已经被替换,如标准里很多标签已经被替换,如b b被被strongstrong替换,替换,i i被被emem替换,替换,u u被被deldel替换,替换,s s被被insins替换。替换。特殊字符 这是段落标记 <p>   为空字符 (63+36)÷2±1=?结果以‰表示。H2+O2↔H2O 特殊字符有两种:1、html中有特殊含义的字符,如,&,”,空格等2、无法用键盘直接输入的字符。如: 36等通常:由3部分组成 &+字符代号+; 类
5、似于空格 分隔符的使用分隔符: 2.示例 分隔符 标题标题正文开始。正文开始。 分隔符的使用分隔符属性: size水平线的宽度width 水平线的长,用占屏幕宽度的百分比或象素值来表示align 水平线的对齐方式,有left right center三种noshade 线段无阴影属性,为实心线段Color 颜色属性的使用Html标记可以有很多属性,属性可以扩展html标记的功能。 w3c中,推荐尽量用style来表示。颜色取值范围两种表示方式:1、颜色名称:blue,red,white,black等(w3c规定只有16种颜色名称表示)2、十六进制的数值表示RGB的颜色值,建议采用16
6、进制。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应用:左对齐显示居中显示右对齐显示文字的编排多彩文字特效不同的文字格式:相 思红豆生南国,春来发几枝。愿君多采撷,此物最相思。使用文字小练习背景页面背景颜色设置及默认文字颜色设置(默认情况下,网页使白底黑字) 背景:background-color;文本颜色:color 属性就近原则这是蓝色文字这是红色文字 滚动字幕 胡锦涛抵澳大利亚访问布什称与胡锦涛关系诚挚外交
7、部成立应对气候变化小组 任命谈判特别代表布什突访伊拉克 暗示可能减少驻伊美军 建设部:小区规划变更需征得当事人同意古井集团原董事长将移送检院 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(幻灯片效果,指的是滚动一次,然后停止滚动) 、scroll属性详解onmouseover=“stop()”表示鼠标经过滚动字幕时,stop()意为停止滚动 onmouseout=“start()”表示鼠标离开滚动字幕时,start()意为开始滚动