Web系统与技术2.ppt

第2讲：HTML简介 HTML的基本概念和文档结构。 HTML文本格式化标记 HTML表格 超级链接 HTML表单 第2讲 HTML简介2.1 HTML基本概念和文档结构 第2讲 HTML简介2.1 HTML基本概念和文档结构 二、HTML文档概念 第2讲 HTML简介2.1 HTML基本概念和文档结构 三、HTML文档的基本结构 html head title文档结构头部/title /head body 文档结构主体 /body /html 第2讲 HTML简介2.1 HTML基本概念和文档结构 四、 HTML标签 HTML 文件是包含一些标签的文本文件。 这些标签告诉 WEB 浏览器如何显示页面 第2讲 HTML简介2.1 HTML基本概念和文档结构 2.标签的分类： 标签有两种： 有开始标记和结束标记的标签 例如：p段落/p 注意：通过结束标签来关闭 HTML 是一种经得起未来考验的 HTML 编写方法。 非成对出现的标签 例如：br, br/ 注意：把这个标签写为 br / 是经得起未来考验的做法 。 第2讲 HTML简介2.1 HTML基本概念和文档结构 3.标签的属性 有些标签还有一个可选的属性列表，用来指定或者修改标签的行为。 属性总是以名称/值对的形式出现，比如：name=value 注意：等号的两边可以放置空格，但为了具有更好的可读性，我们建议在等号两边不用空格。 属性总是在 HTML 元素的开始标签中规定。 例如：body bgcolor=yellow …/body 拥有关于背景颜色的附加信息。 注意：每个属性都由一个 或者多个制表符、空格或者回车符分开。但是他们出现的顺序无关紧要。 第2讲 HTML简介2.1 HTML基本概念和文档结构 我们可以把HTML标签的语法总结为如下的形式： 标签名称 属性 1=“值1” 属性2=“值2” ……内容/标签名称 或者： 标签名称 属性 1=“值1” 属性2=“值2” ……/内容 第2讲 HTML简介2.1 HTML基本概念和文档结构 五、HTML文档标签 1.html文件标签 所有的文件都应该在 html /html标签中，在这个标签中还包括了两个标签。 一是由head标签所建立的文件标题 另一个则是由body标签所建立的文件主体。 第2讲 HTML简介2.1 HTML基本概念和文档结构 2. head文件信息标签 在 head 标签中，幷不放置网页中的任何内容，而是放置关于这份HTML文件的信息，也就是说它并不属于该HTML文件的主体，它包含文件的标题、编码方式、URL等。这些信息大部分是用于提供索引、辨认或其他应用。 第2讲 HTML简介2.1 HTML基本概念和文档结构 3. title 文件标题 title元素是文件头中唯一一个必须出现的元素，它也只有出现在文件头中。Title元素的格式为： title文件题目/title title表明该HTML文件的题目。文件的题目一般不会显示在文本窗口中，而以窗口的名称显示出来。 title的长度没有限制，但过长的题目会导致转行，一般情况下它的长度不应超过54个字符。 第2讲 HTML简介2.1 HTML基本概念和文档结构 4.body文件主体标签 由body标签建立的组件，为该HTML文件的内容主体，也就是HTML文件中要显示在网页上的所有文件内容。 在此组件中，可以利用各种HTML标签，控制网页显示内容格式、排版与效果。 标签的使用语法如下 body文件主体/body 第2讲 HTML简介2.2 HTML文本格式化标签 一、 P段落标签 第2讲 HTML简介2.2 HTML文本格式化标签 二、br/换行符 第2讲 HTML简介2.2 HTML文本格式化标签 三、其他常见文本格式化标签 第2讲 HTML简介2.2 HTML文本格式化标签 sub标记 意义：下标标记。 用法：sub下标文本/sub sup标记 意义：文本下划线标记。 用法： sup 上标文本/ sup 预格式标记pre 意义：pre 元素可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。 用法：pre预定义好的文本/pre 注意：可以导致段落断开的标签（例如标题、p ）绝不能包含在 pre 所定义的块里。 第2讲 HTML简介2.2 HTML文本格式化标签 图片标记img img src=“图片的位置及名称” / 例如：img src=img/eg_tulip.jpg / 第2讲 HTML简