html基础教程.docx

什么是 HTML？HTML 是用来描述网页的一种语言。HTML 指的是超文本标记语言 (Hyper?Text?Markup?Language)HTML 不是一种编程语言，而是一种标记语言?(markup language)标记语言是一套标记标签?(markup tag)HTML 使用标记标签来描述网页HTML 标签HTML 标记标签通常被称为 HTML 标签 (HTML tag)。HTML 标签是由尖括号包围的关键词，比如 htmlHTML 标签通常是成对出现的，比如 b 和 /b标签对中的第一个标签是开始标签，第二个标签是结束标签开始和结束标签也被称为开放标签和闭合标签HTML 文档 = 网页HTML 文档描述网页HTML 文档包含 HTML 标签和纯文本HTML 文档也被称为网页Web 浏览器的作用是读取 HTML 文档，并以网页的形式显示出它们。浏览器不会显示 HTML 标签，而是使用标签来解释页面的内容：htmlbodyh1My First Heading/h1pMy first paragraph./p/body/html例子解释html 与 /html 之间的文本描述网页body 与 /body 之间的文本是可见的页面内容h1 与 /h1 之间的文本被显示为标题p 与 /p 之间的文本被显示为段落HTML 标题HTML 标题（Heading）是通过 h1 - h6 等标签进行定义的。实例h1This is a heading/h1h2This is a heading/h2h3This is a heading/h3HTML 段落HTML 段落是通过 p 标签进行定义的。实例pThis is a paragraph./ppThis is another paragraph./pHTML 链接HTML 链接是通过 a 标签进行定义的。实例a href=This is a link/a注释：在 href 属性中指定链接的地址。HTML 图像HTML 图像是通过 img 标签进行定义的。实例img src=w3school.jpg width=104 height=142 /注释：图像的名称和尺寸是以属性的形式提供的。HTML 文档是由 HTML 元素定义的。HTML 元素HTML 元素指的是从开始标签（start tag）到结束标签（end tag）的所有代码。开始标签元素内容结束标签pThis is a paragraph/pa href=default.htm This is a link/abr /注释：开始标签常被称为开放标签（opening tag），结束标签常称为闭合标签（closing tag）。HTML 元素语法HTML 元素以开始标签起始HTML 元素以结束标签终止元素的内容是开始标签与结束标签之间的内容某些 HTML 元素具有空内容（empty content）空元素在开始标签中进行关闭（以开始标签的结束而结束）大多数 HTML 元素可拥有属性嵌套的 HTML 元素大多数 HTML 元素可以嵌套（可以包含其他 HTML 元素）。HTML 文档由嵌套的 HTML 元素构成。HTML 文档实例htmlbodypThis is my first paragraph./p/body/html上面的例子包含三个 HTML 元素。HTML 实例解释p 元素：pThis is my first paragraph./p这个 p 元素定义了 HTML 文档中的一个段落。这个元素拥有一个开始标签 p，以及一个结束标签 /p。元素内容是：This is my first paragraph。body 元素：bodypThis is my first paragraph./p/bodybody 元素定义了 HTML 文档的主体。这个元素拥有一个开始标签 body，以及一个结束标签 /body。元素内容是另一个 HTML 元素（p 元素）。html 元素：htmlbodypThis is my first paragraph./p/body/htmlhtml 元素定义了整个 HTML 文档。这个元素拥有一个开始标签 html，以及一个结束标签 /html。元素内容是另一个 HTML 元素（body 元素）。不要忘记结束标签即使您忘记了使用结束标签，大多数浏览器也会正确地显示 HTML：pThis is a paragraphpThis is a paragraph上面的例子在大多数浏览器中都没问题，但不要依赖这种做法。忘记使用结束标签会产生不可预料的结果或错误。注释：未来的 HTML 版本不允许省略结束标签。空的 HTML 元素没有内容的 HTML 元素被称为空元素。空元素是在开始标签中关闭的。br 就是没有关闭标签的空元