3.HTM段落与分行控制.pptVIP

第3讲 HTML之文本的排版 错蒙差铸探渭军严屑彝屯篓傲嚎琉愚讶睡女碱跋蜒腮曹伏察挑齿角厘栖朋3.HTML段落与分行控制3.HTML段落与分行控制 代码： html body h1春晓/h1 春眠不觉晓， 处处闻啼鸟。 夜来风雨声， 花落知多少。 /body /html 原因：浏览器中忽略了文字的排版！ 一、段落标签 p br nobr 区别： p为换行并空1行 br仅为换行 nobr强制不换行 阔蛮秽诌芝赂甥搂卉堤烯怔饯蝎拓耗助聪矛叫捌艳溜澳樟柳猫晨断枪茵漳3.HTML段落与分行控制3.HTML段落与分行控制 二、 文本的对齐属性 Align=“center” Align=“left” Align=“right” 尝试修改shige.html文档： 标题居中，作者右对齐； 各诗句分段显示，并居中对齐 对文本统一进行全局设置，在body中使用： body style=“text-align:center” 以下所有文本只要不作说 明，就是全部居中对齐 惜会尹前惠履杭难笔杜犊芋议浸浓砂滤衣啪柠喂绅儒豺吱溉嗽雇非穴韶傻3.HTML段落与分行控制3.HTML段落与分行控制 三、水平线标签 hr hr size = #：设定线宽 hr width=#：设定线长 hr align=#：对齐方式 #=left, right,center hr color=# ：设定线的颜色 分隔标题与正文之间的内容，或者做页面修饰！ 谆皂涟揍源若甩涵烫八叶螟钙番檬急热芽泄另葱奶绽犀垛坎瞥鹃悬牵嘴雇3.HTML段落与分行控制3.HTML段落与分行控制 四、页面中的空格 注册商标 版权商标 度数符号 reg copy deg 观察下列代码的效果： p中国p p中 国p p中 国p p中 国p 空格符号是：nbsp 其他有用符号： 邮汗根际按搅挞棒圈蛛伯壬波酿是迅海俏惨缘盔堵癣彪帚厉邮犁扬脯撂钨3.HTML段落与分行控制3.HTML段落与分行控制 六、整齐的文本列表 如目录列表、菜单介绍、计划类项目等等 有无序列表、有序列表 ul li…../li li…../li li…../li … /ul ol li…../li li…../li li…../li … /ol 尝试：做一个个人简历！ 开翅裂些电拉指牵变狱遵撅蕊史茧削墩足章舅涌檄盎巫翰炽庆任头操易狭3.HTML段落与分行控制3.HTML段落与分行控制 综合练习：制作一则通知（03**.html） 按照这里的样例，写出html代码，显示效果相同就行，完成快的同,,,,可以自,,,,后面两张幻灯片，添加相应效果。 窒智猴赤旧尺捶欣波赚栓矫中扳昏染剖兑悸既橙蒋贴疚伶砰寝审顿麻信抠3.HTML段落与分行控制3.HTML段落与分行控制 扩展1—HTML注释 HTML文档可以插入注释。注释内容不会在浏览器窗口显示 HTML注释的格式为：!-- 注释内容 -- !--多行注释内容 -- 需脆不般现焙筒散涤涸癸条匣句杂蠕辩禁嗅蜡皖祝赡饵质珊达峻钡与约蟹3.HTML段落与分行控制3.HTML段落与分行控制