计算机基础(10)-HTML简介和基本标记(精品).ppt

HTML&CSSHTML&CSS知识结构拓扑图本次课知识拓扑图课程安排第一讲第一讲HTMLHTML简介和文字、段落标记简介和文字、段落标记第二讲第二讲列表、图片、多媒体列表、图片、多媒体第三讲第三讲版面设计之版面设计之表格表格第四讲第四讲 表格嵌套及超链接表格嵌套及超链接第五讲第五讲 表单表单第六讲第六讲样式表样式表CSSCSS第七讲第七讲 CSSCSS高级应用高级应用本次课内容本次课内容HTMLHTML的概念的概念HTMLHTML的基本结构的基本结构HTMLHTML的文字标记的文字标记HTMLHTML的段落标记的段落标记本次课知识点的作用本次课是HTML课程的基础，通过学习HTML的基本结构、语法及文字标记，形成对HTML语言及代码规范的基本认识，学习完后可进行文字静态页面的制作。教学目标教学目标 1.掌握HTML的概念和语法特点。2.掌握HTML的基本结构及文字、段落标记。教学重难点教学重难点 重点：HTML的语法特点及文字、段落标记难点：HTML的语法特点本次课教学目标与重难点本次课教学目标与重难点工工作作任任务务是一种超文本标记语言。超文本超文本 标记标记 语言语言HyperText Markup Language超文本超文本：包含有链接关系的文本，且包含多：包含有链接关系的文本，且包含多媒体对象的文件。媒体对象的文件。什么是HTML？美美女女标标记记HTML标记的格式元素-标识标记属性-描述标记值-分配给属性的内容 HTML 文档的基本结构HTML 部分文档标题部分正文部分欢迎进入欢迎进入 HTML 世界世界这会是一种很有趣的体验这会是一种很有趣的体验作用作用:定义页面中的信息定义页面中的信息,能够提供文档的关键字能够提供文档的关键字,作作者等多种信息。者等多种信息。1.1.获得文档作者的姓名获得文档作者的姓名 元信息标记2.2.指定搜索引擎的关键词指定搜索引擎的关键词应用：提高搜索引擎搜索的质量应用：提高搜索引擎搜索的质量3.3.自动跳转页面自动跳转页面应用：如网上实时新闻报道。应用：如网上实时新闻报道。4.4.设定字符集设定字符集1.1.背景颜色属性背景颜色属性bgcolorbgcolor语法语法:body:注意注意:颜色值可以是英文颜色名称和十六进制值颜色值可以是英文颜色名称和十六进制值2.2.背景图象属性背景图象属性 backgroundbackground语法语法:body img_file_urlimg_file_url指的是图片文件所在的路径指的是图片文件所在的路径.HTMLHTML主体标记主体标记3.3.上边距属性上边距属性topMargintopMargin(内容和浏览器上部边框之间的距离内容和浏览器上部边框之间的距离)语法语法:body:4.4.左边距属性左边距属性leftMarginleftMargin(内容和浏览器左侧边框之间的距离内容和浏览器左侧边框之间的距离)语法语法:body:标题标记 HTMLHTML简简介介 HTML HTML 简介简介 HTML HTML 简介简介 HTML HTML 简介简介 HTML HTML 简介简介 HTML HTML 简介简介 HTML HTML 简介简介 可显示六种大小的标题，即可显示六种大小的标题，即到到，为最大，为最大，为最小为最小 u字体属性faceface中文网页尽量对汉字使用宋体或黑体font u字号属性sizesize取值范围从1到7，或者从+1到+7,从-1到-7。font u颜色属性colorcolorfont FONT-属性常用字符级标记常用字符级标记.粗体文本粗体文本.倾斜文本倾斜文本.上标文本上标文本.下标文本下标文本空格：空格： ( (一个一个  代表一个字符代表一个字符)注释文字注释文字:!-特殊字符与注释文字特殊字符与注释文字段落标记段落标记欢迎使用欢迎使用 HTML面对敌人的严刑拷打面对敌人的严刑拷打 我只有三个字我只有三个字 我都说我都说 注注:标记可以成对使用标记可以成对使用,也可以单也可以单独使用独使用.P P-对齐属性对齐属性学习学习HTML这会是一种很有趣的体验这会是一种很有趣的体验 运行结果运行结果右对齐右对齐Left：左对齐左对齐Center：居中居中Right：右对齐右对齐换行标记换行标记基本语法基本语法:它只有开始标记，没有结束标记。它只有开始标记，没有结束标记。欢迎使用欢迎使用 HTML面对敌人的严刑拷打面对敌人的严刑拷打 我只有三个字我只有三个字 我都说我都说 本次课课程总结1HTML的概念2HTML基本结构3文字、段落相关标记作业布置与要求 1、练习本次课学习的内容 2、完成一个页面的制作下次课内容图片标记2列表标记3 1多媒体标记3 3