WEB实用页面设计方法-02HTML【荐】.pdfVIP

WEB 实用页面设计方法 ——HTML 3 Sept. 2008 © Neusoft Confidential 第一章：HTML简介 目标: 本章旨在向学员介绍HTML的相关概 念及基本结构，通过本课的学习， 学员应该掌握如下知识 教学方法：讲授ppt ＋ 课堂演示 学员应该掌握如下知识： 1）了解HTML的概念 2 ）了解HTML的元素、标签与属性 3 ）了解HTML的基本结构 HTML概念 • HTML文件是什么？ HTML表示超文本标记语言（Hyper Text Markup Language ） 编写网页的主要语言 以htm或html为后缀名☆ 是一种解释语言，用浏览器打开解释执行 HTML文件组成 • HTML文档 HTML文档是由HTML标记及内容组成的文本文件 HTML元素 HTML标签★ HTML属性★ HTML文件的元素、标签与属性 • HTML标签★ （HTML Tag ） 告诉浏览器如何显示内容 两端有两个包括字符：“”和“”，如html ，body 大小写无关 标签的种类 成对出现的标签。前一个标签为开始标签，后一个标签 为结束标签 单标签，如hr/ HTML文件的元素、标签与属性 • 标签属性★ 标签可以拥有属性，来具体描述标签的特征 属性能够为页面上的HTML元素提供附加信息，如： body bgcolor=“red” bgcolor属性告诉浏览器，你的页面的背景色是红色的 table border=“0” border属性告诉浏览器，这个表格是没有边框的 属性是附加给HTML元素的开始标签的 属性通常由属性名和属性值成对出现，形式为 name=“value” 属性值本身就含有引号，会考虑使用单引号，如 name=‘John”ShotGun”Nelson’ HTML文件的元素、标签与属性 TAG ATTRIBUTE = value内容/TAG TAG ATTRIBUTE = value内容/TAG •值-分配给属性的内容 •属性-描述标记 •元素-标识标记 HTML文件的元素、标签与属性 • HTML文档是由一系列的HTML元素组成的 • 元素（HTML Element)：一组HTML标签及其中包含的一段文字 以一个开始标签开始 中间为元素的内容 以一个结束标签终止 html 元素 head title标题内容/title /head body 元素 p 这是一个段落 hr/ a href=“” 一个超链接/a /p /body /html HTML文件的编写工具 • 手工编写 • HTML的编辑器 文本编辑器 Dreamweaver、 Ul