源码、课件课件html课件02 html和css简介.pdfVIP

问HTML为何物，其实就是标记语言 HTML HTML • HTML （Hypertext Markup Language ） 超文本标记语言。 • 它负责网页的三个要素之中的结构。 • HTML使用标签的的形式来标识网页中的不 同组成部分。 • 所谓超文本指的是超链接 ，使用超链接可 以让我们从一个页面跳转到另一个页面。 • 一个最基本的HTML页面： !DOCTYPE html html head meta charset=UTF-8 le网页标题/ le /head body h1网页正文/h1 /body /html 标签 • HTML中的标记指的就是标签。 • HTML使用标记标签来描述网页。 • 结构： 标签名标签内容/标签名 标签名 / 元素 • 我们还将一个完整的标签称为元素。 • 这里我们可以将元素和标签认为是一个同 义词。 h1一级标题/h1 上边的h1我们就称为元素 p我是一个em段落/em/p p也是一个元素，em是p的子元素 ，p是 em的父元素。 body pem内容/em/p /body • body也是一个元素。 • body是p和em的祖先元素。 • p和em是body的后代元素。 属性 • 可以为HTML标签设置属性。 • 通过属性为HTML元素提供附加 。 • 属性 设置在开始标签或自结束标签中。 • 属性总是以名称/值对的形式出现。 • 比如：name=“value” • 有些属性可以是任意值，有些则必须是指定值。 h1 le=我是一个标题标题/h1 img src= alt= / 常见属性 • id – id属性作为标签的唯一标识，在同一个网页中 出现相同的id属性值。 • class – class属性用来为标签分组，拥有相同class属性的 标签我们认为就是一组，可以出现相同的class属 性，可以为一个元素指定多个class。 • le – le属性用来指定标签的标题，指定 le以后，鼠 标移入到元素上方时，会出现提示文字。 注释 • HTML注释中的内容不会在网页中显示。 • 格式: !-- 注释内容 -- • 合理的使用注释可以帮助开发人员理解网 页的代码。 • 注释 嵌套！ HTML从哪来，又会到哪去 HTML的发展 HTML的发展 • 1993年6月：HTML第一个版本发布。 • 1995年11月：HTML2.0 • 1997年1月：HTML3.2 （W3C推荐） • 1999年12月 ：HTML4.01 （W3C推荐 ） • 2000年底：XHTML1.0 （W3C推荐 ） • 2014年10月 ：HTML5 （W3C推荐） doctype • HTML总共有那么多的版本，而且这其中至 少有三个版本在广泛使用，那么浏览器怎 么知道我们在使用哪个版本呢？ • 为了让浏览器知道我们使用的HTML版本我 们还 在网页的最上边添加一个doctype ，来告诉浏览器网页的版本。 html4 • 过渡版 !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN • 严格版 !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01//EN • 框架集 !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Frameset//EN xhtm