css+html培训.pptVIP

第一节、HTML基础知识 HTML基础知识 主要内容： 1.建站工具（Dreamweaver） 2.HTML、XHTML简介： 3.HTML文档介绍（DOCTYPE、编码、meta、css调用） 4.XHTML元素（块级元素、内联元素） 1.Dreamweaver软件 使用Dreamweave软件： 建立站点 建立Html文档（编码） 建立CSS 代码模式、设计模式、拆分模式 ”F12”预览 1.Dreamweaver软件 2.HTML、XHTML简介 HTML：超文本标记语言，即HTML（Hypertext MarkupLanguage）是用于描述网页文档的一种标记语言。它其实是文本，它需要浏览器的解释。 XHTML：XHTML（eXtensible HyperText Markup Language，XHTML）是基于可扩展标记语言（XML），是一种可扩展超文本标记语言，表现方式与超文本置标语言（HTML）类似，不过语法上更加严格。它是更严格更纯净的 HTML 版本，目标是取代 HTML。XHTML是一个过渡技术，结合了部分XML的强大功能及大多数HTML的简单特性。 2.HTML、XHTML区别 XHTML在语法上比HTML严谨 1.标记元素和属性名必须用小写字母 IMG Src=“a.gif” - img src=“a.gif”/ 2.标记元素必须封闭 p/p、br / 3.元素必须被正确地嵌套 ib内容/i/b - ib内容/b/i 4.XHTML文档必须拥有根元素,所有的 XHTML 元素必须被嵌套于 html 根元素中 5.属性值必须使用完整形式 input checked - input checked=“true”/ 3.HTML文档介绍 3.HTML文档介绍 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd 这是文档的声明部分，标示了文档的类型，用的是Xhtml或html的什么版本、对代码书写要求的严格程度等。简单的说，就是告诉浏览器该按照什么规范来解释此页面。 3.HTML文档介绍 3.HTML文档介绍 html xmlns=/1999/xhtml xmlns 用来定义xml namespace属性。 xmlns 属性在 XHTML 中是必需的。不过即使你的 XHTML 文档没有使用此属性，W3C 的验证器也不会报错。因为 xmlns=/1999/xhtml 是一个固定值，所以，即使你没有包含它，此值也会被添加到 html 标签中。 3.HTML文档介绍 meta 元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。 meta 标签共有两个属性，它们分别是http-equiv属性和name属性，不同的属性又有不同的参数值 ⒈name属性 语法格式是：meta name=参数 content=具体的参数值 name属性主要参数 Keywords（关键字）：keywords用来告诉搜索引擎你网页的关键字是什么！比如：meta name =keywords content=军事,兰州 3.HTML文档介绍 description（网站内容描述） 告诉搜索引擎你的网站主要内容。 例如：meta name=description content=“烟台是市区依山傍水，山静水动，形成了独特而美丽的城市景观 author（作者）标注网页的作者 meta name=author content=root,root @ 21 网站内容描述（description）的设计要点： 1.网页描述为自然语言而不是罗列关键词 2.尽可能准确地描述网页的核心内容，通常为网页内容的摘要信息，也就是希望搜索引擎在检索结果中展示的摘要信息； 3.网页描述中含有有效关键词； 4.网页描述内容与网页标题、主体内容有高度相关性； 5.网页描述的文字不必太多，一般不超过搜索引擎检索结果摘要信息的最多字数（通常在100中文字之内，不同搜索引擎略有差异）。 3.HTML文档介绍 2.meta标签的http-equiv属性 相当于http的文件头作用，它可以向浏览器传回一些有用的信息，以帮助正确和精确地显示网页内容，与之对应的属性值为content，content中的内容其实就是各个参数的变量值。 meta标签的http-equiv属性语法格式 meta http-equiv=参数 content=参数变量值 http-equiv属性主要参数：content