3.HTML落与分行控制.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落与分行控制