1、1,段落、列表、 图片与超链接,第 二 课,2,创建一个页面，要求如下：在头文件内输入“QQ首页”的网页标题，设定字符集为简体中文。 设置页面的背景色为绿色。 在页面上输入级标题文字“欢迎”，并且居中显示。 输入正文“马上进入主页”，将其设置成宋体4号字，并且倾斜显示。 输入公式12。,回顾,3,段落级标记,段落标记换行标记居中标记,4,段落标记,欢迎使用 HTML面对敌人的严刑拷打 我只有三个字 我都说,注:标记可以成对使用,也可以单独使用.,段落标记,5,P-对齐属性,学习HTML这会是一种很有趣的体验,右对齐,段落标记,6,换行标记,基本语法: 它只有开始标记，没有结束标记。,欢迎使用
2、HTML面对敌人的严刑拷打 我只有三个字 我都说,换行标记,7,水平线标记,基本语法：(单独使用)属性: width: 宽度 (以绝对像素或相对百分比定义) Size: 高度 (以绝对像素定义) Color: 颜色 Align: 排列属性,水平线标记,8,列表,无序列表有序列表列表嵌套,列表标记,9,无序列表 列表项目,基本语法:项目一 项目二 ,无序列表标记,10,无序列表,学习 HTML星期一星期二星期三星期四星期五,无序列表案例,11,有序列表 列表项目,基本语法:项目一 项目二 ,有序列表标记,12,有序列表,学习 HTML星期一星期二星期三星期四星期五,有序列表案例,13,网页常用图
3、片格式,GIF（Graphics Interchange Format ）图像后缀名为(.GIF) JPEG（Joint Photographic Experts Group）图像后缀名为(.JPG),图片格式,14,img-属性,图片的源文件src图片的排列align图片的宽度和高度width;height图片的边框border图片的提示alt,图片属性标记,15,基本语法：,嵌入多媒体内容,嵌入多媒体标记,16,超链接( hyperlink，通常也被称为链接) 是在World Wide Web中，从一个页面指向另一个页面或其他类型文件的链接。,超链接的概念,17,二. 链接的标记,语法:
4、,超链接标记,18,A.标记href作用：用来指定链接地址 a href=“http:/”B.标记Name作用：给链接命名，以便其他的链接指向该锚。此属性的值在当前文档中必须是唯一的。 a name=“ ”,链接的标记属性(一),超链接属性标记,19,C.标记Title作用：当鼠标放在可链接文字上的时候，给用户以提示文字 D.标记Target作用：定义目标窗口，value的取值如下:_blank 在新窗口中打开_self 在同个窗口打开_top 在浏览器的整个窗口中打开,链接的标记属性(二),超链接属性标记,20,二.链接的类型,1.内部链接： 描述：指在同一文档内部,不同HTML页面之间的链接关系. 2.外部链接 描述：所谓外部链接，是跳转到当前网站外部，和其他网站中页面或其他元素之间的链接关系 ,超链接类型,21,3.使用电子邮件4.图片的链接 基本语法：,超链接类型,22,5. 建立书签,描述：当页面内容较多，需要不断拖动滚动条时可以在该页面上，或另外一个页面上建立目录，浏览者单击目录就可跳到网页相应的位置称为书签链接1.为文字建立书签 语法:我是JOE2.为书签制作链接 语法:我要找到JOE 此为在同一页面中的书签。,书签链接,23,作业:,练习今天学习的知识 完成一个页面的制作思考：如何做一份设计书？,作业,24,Thank You!,END,
