02WEB前台技术-HTML探究.pdf

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