文学作品02段落列表和超链接课件.pptVIP

* 生活家饮食保健孕期选择食用油的学问邢台市第四病院罕见护理应急预案猪气喘病综合防制技术动物营养系列理想蛋白与氨基酸模式的研究进展皮肤病的诊断包括病史体格检查和必要的实验室检查我国有关食物添加剂营养强化剂食物新资本的治理律例与标准 段落、列表、图片与超链接 第 二 课 创建一个页面，要求如下： 在头文件内输入“QQ首页”的网页标题，设定字符集为简体中文。 设置页面的背景色为绿色。 在页面上输入２级标题文字“欢迎”，并且居中显示。 输入正文“马上进入主页”，将其设置成宋体4号字，并且倾斜显示。 输入公式Ａ２＋３＝12。 回顾 段落级标记 段落标记p…/p 换行标记br 居中标记center…/center 段落标记p HTML HEAD TITLE欢迎使用 HTML/TITLE /HEAD BODY BGCOLOR = lavender P面对敌人的严刑拷打 /p P 我只有三个字 /p p 我都说/p /BODY /HTML 注:P标记可以成对使用,也可以单独使用. 段落标记 P---对齐属性 HTML HEAD TITLE学习HTML/TITLE /HEAD BODY BGCOLOR=lavender P align = right这会是一种很有趣的体验/P /BODY /HTML 运行结果 右对齐 Left：左对齐 Center：居中 Right：右对齐 段落标记 换行标记Br 基本语法: br 它只有开始标记，没有结束标记。 HTML HEAD TITLE欢迎使用 HTML/TITLE /HEAD BODY BGCOLOR = lavender 面对敌人的严刑拷打 br 我只有三个字 br 我都说br /BODY /HTML 换行标记 水平线标记Hr 基本语法：hr－－－(单独使用) 属性: width: 宽度 (以绝对像素或相对百分比定义) Size: 高度 (以绝对像素定义) Color: 颜色 Align: 排列属性 hr width=“50%” size=“1” color=“blue” align=“left” 水平线标记 列表 无序列表 有序列表 列表嵌套 列表标记 无序列表ul列表项目li 基本语法: UL LI项目一 LI项目二 /UL 无序列表标记 无序列表 HTML HEAD TITLE学习 HTML/TITLE /HEAD BODY UL LI星期一 LI星期二 LI星期三 LI星期四 LI星期五 /UL /BODY /HTML 无序列表案例 有序列表ol列表项目li 基本语法: OL LI项目一 LI项目二 /OL 有序列表标记 有序列表 HTML HEAD TITLE学习 HTML/TITLE /HEAD BODY OL LI星期一 LI星期二 LI星期三 LI星期四 LI星期五 /OL /BODY /HTML 有序列表案例 网页常用图片格式 GIF（Graphics Interchange Format ）图像 后缀名为(.GIF) JPEG（Joint Photographic Experts Group）图像 后缀名为(.JPG) 图片格式 img---属性 图片的源文件src 图片的排列align 图片的宽度和高度width;height 图片的边框border 图片的提示alt img src=“car.jpg” align=“left” width=“500” height =“300” border =“1” alt=“POLO车” 图片属性标记 基本语法： embed src=“url” width=“value ” height=“value” /embed 嵌入多媒体内容embed 嵌入多媒体标记 超链接( hyperlink，通常也被称为链接) 是在World Wide Web中，从一个页面指向另一个页面或其他类型文件的链接。 超链接的概念 二. 链接的标记A 语法: a…/a 超链接标记 A.标记href 作用：用来指定链接地址 ＜a href=“http://”＞…/a B.标记Name 作用：给链接命名，以便其他的链接指向该锚。此属性的值在当前文档中必须是唯一的。 　＜a name=“ ”＞…/a 链接的标记属性(一) 超链接属性标记 C.标记Title 作用：当鼠标放在可