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

段落、列表、图片与超链接 创建一个页面，要求如下： 在头文件内输入“QQ首页”的网页标题，设定字符集为简体中文。 设置页面的背景色为绿色。 在页面上输入２级标题文字“欢迎”，并且居中显示。 输入正文“马上进入主页”，将其设置成宋体4号字，并且倾斜显示。 输入公式Ａ２＋３＝12。 段落级标记 段落标记p…/p 换行标记br 居中标记center…/center 段落标记p 换行标记Br 基本语法: br 它只有开始标记，没有结束标记。 水平线标记Hr 列表 无序列表 有序列表 列表嵌套 无序列表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 超链接( hyperlink，通常也被称为链接) 是在World Wide Web中，从一个页面指向另一个页面或其他类型文件的链接。 二. 链接的标记A 语法: a…/a A.标记href 作用：用来指定链接地址 ＜a href=“http://”＞…/a B.标记Name 作用：给链接命名，以便其他的链接指向该锚。此属性的值在当前文档中必须是唯一的。 　＜a name=“ ”＞…/a C.标记Title 作用：当鼠标放在可链接文字上的时候，给用户以提示文字 D.标记Target 作用：定义目标窗口，value的取值如下: _blank 在新窗口中打开 _self 在同个窗口打开 _top 　 在浏览器的整个窗口中打开 二.链接的类型 3.使用电子邮件 a href=mailto:jan126@126.com/a 4.图片的链接 基本语法： a href=“url” img src=“…” /a 5. 建立书签 描述：当页面内容较多，需要不断拖动滚动条时．可以在该页面上，或另外一个页面上建立目录，浏览者单击目录就可跳到网页相应的位置．称为书签链接． 1.为文字建立书签 语法:a name=“a”我是JOE/a 2.为书签制作链接 语法:a href=“#a”我要找到JOE/a 此为在同一页面中的书签。 作业: 练习今天学习的知识 完成一个页面的制作 思考： 如何做一份设计书？ Thank You! * * 第 二 课 回顾 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：右对齐 段落标记 HTML HEAD TITLE欢迎使用 HTML/TITLE /HEAD BODY BGCOLOR = lavender 面对敌人的严