02 WEB前台技术-HTML.pdf

本章目标 Ø 了解HTML的概念 Ø 掌握HTML的元素、标签与属 性 Ø 掌握HTML的基本结构 Contents 1 HTML简介 1 表格标签 2 基本标签 3 表单标签 4 框架 5 HTML概念 Ø HTML文件是什么？ p HT ML表示超文本标记语言 （Hyper Text Markup Language） p 编写网页的主要语言 p 以htm或html为后缀名 ☆ p 是一种解释语言，用浏览器打开解释执行 HTML概念 Ø HTML文档 p HT ML文档是由HT ML标记及内容组成的文本文件 üHTML标签 üHTML属性 üHTML元素 HTML概念 Ø HTML标签 p 告诉浏览器如何显示内容 p 两端有两个包括字符： “”和 “”，如html ，body p 大小写无关 p 标签的种类 ü成对出现的标签。前一个标签为开始标签 ，后一个标签 为结束 标签 ü单标签 ，如 hr/ HTML概念 Ø 标签属性 p 标签可以拥有属性，来具体描述标签的特征 p 属性能够为页面上的HT ML元素提供附加信息，如： ü body bgcolor= “red” bgcolor属性告诉浏览器，你的页面的背景色是红色的 ü table border= “0” border属性告诉浏览器，这个表格是没有边框的 p 属性是附加给HT ML元素的开始标签的 p 属性通常由属性名和属性值成对出现，形式为name= “value” p 属性值本身就含有引号，会考虑使用单引号，如 name= ‘John”ShotGun”Nelson’ HTML概念 Ø 标签属性 TAG ATTRIBUTE value内容/TAG •值 - 分配给属性的 内容 •属性 - 描述标记 •元素 - 标识标记 HTML概念 Ø HTML元素 html • HTML文档是由一系列的HTML元素组成的 head • 元素 （HTML Element) ：一组HTML标签及其中包含的一段文字 title标题内容/title ü 以一个开始标签开始 /head body 元素 ü 中间为