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

第3讲 HTML之文本的排版 代码： html body h1春晓/h1 春眠不觉晓， 处处闻啼鸟。 夜来风雨声， 花落知多少。 /body /html 原因：浏览器中忽略了文字的排版！ 一、段落标签 p br nobr 区别： p为换行并空1行 br仅为换行 nobr强制不换行 二、 文本的对齐属性 Align=“center” Align=“left” Align=“right” 尝试修改shige.html文档： 标题居中，作者右对齐； 各诗句分段显示，并居中对齐 对文本统一进行全局设置，在body中使用： body style=“text-align:center” 以下所有文本只要不作说 明，就是全部居中对齐 三、水平线标签 hr hr size = #：设定线宽 hr width=#：设定线长 hr align=#：对齐方式 #=left, right,center hr color=# ：设定线的颜色 分隔标题与正文之间的内容，或者做页面修饰！ 四、页面中的空格 注册商标 reg 版权商标 copy 度数符号 deg 观察下列代码的效果： p中国p p中 国p p中 国p p中 国p 空格符号是：nbsp 其他有用符号： 六、整齐的文本列表 如目录列表、菜单介绍、计划类项目等等 有无序列表、有序列表 ul li…../li li…../li li…../li … /ul ol li…../li li…../li li…../li … /ol 尝试：做一个个人简历！ 综合练习：制作一则通知（03**.html） 按照这里的样例，写出html代码，显示效果相同就行，完成快的同学可以自学后面两张幻灯片，添加相应效果。 扩展1—HTML注释 HTML文档可以插入注释。注释内容不会在浏览器窗口显示 HTML注释的格式为：!-- 注释内容 -- !--多行注释内容 -- 扩展2—给文本加标注 给文本中的某个名词加标注， 可以使用acronym title=“….”要标注的名词acronym 鼠标移动该名词上，就会出现相应的标注！ 物联网,是新一代信息技术的重要组成部分。其英文名称是“The Internet of things”。由此，顾名思义，“物联网就是物物相连的互联网”。这有两层意思：第一，物联网的核心和基础仍然是互联网，是在互联网基础上的延伸和扩展的网络；第二，其用户端延伸和扩展到了任何物品与物品之间，进行信息交换和通信。 无锡领跑中国物联网 * 在阅读一份报纸时，是无法忍受这份报纸字体大小不一、标题位置混乱、排版更是无比糟糕的效果的。所以要注意段落的区分、文字行间距等等。 * 等宽符号pre /pre中间的文本保留空格，也能保留换行 * 在阅读一份报纸时，是无法忍受这份报纸字体大小不一、标题位置混乱、排版更是无比糟糕的效果的。所以要注意段落的区分、文字行间距等等。 * 等宽符号pre /pre中间的文本保留空格，也能保留换行