第2章_HTML基础知识.ppt

第2章 HTML基础知识 2.1 HTML概述 2.2 HTML常用标记 2.3 HTML表格标记 2.4 HTML框架标记 2.5 HTML表单标记 2.6 HTML其他标记 2.7 HTML文档样式 HTML概述 什么是HTML HTML（HyperText Markup Lanquage）即超文本标记语言，是构成网页最基本的要素，是用特殊标记来描述文档结构和表现形式的一种语言。 HTML只是一些由标记和属性组成的规则，这些规则规定了如何在页面上显示文字、表格、超链接等内容。 如：table标记定义表格 如：table width=300定义表格，且表格宽300px。 HTML概述 HTML元素 网页元素通常由： 开始标记、结束标记，内容所组成。 许多元素的开始标记中还允许加入若干个相关的属性，用以进一步对该元素的特征进行说明或限定。通常用“属性名称 = 属性值”的方式来设定元素的属性。 一个HTML元素的形式可表示为： 标记名称 属性名称 = 值 …… 内容 /标记名称 例如：body bgcolor=red网页内容/body HTML概述 书写HTML文档说明 HTML文档的内容不区分大小写。例 HTML文档的连续空格、Tab键、Enter键被当成一个空格，除非被置于pre元素之内。例 元素开始标记中，元素名称及其各个属性名称之间应该有空格、Tab键、Enter键隔开。例 含用空格或特殊符号的属性值，需要用英文双引号将其括起来。例 HTML的注释符：!-- 注释内容 -- 例 各元素间可以嵌套，但不可以交错。例 HTML概述 书写HTML文档说明示例 HTML、HtMl、html等价 HTML概述 书写HTML文档说明示例 正确写法： body bgcolor=red topmagin=10 body bgcolor=red topmagin=10 body Bgcolor=red Topmargin=10 错误写法： bodybgcolor=red topmagin=10 HTML概述 书写HTML文档说明示例 正确写法： input type=text value=“文档 说明” 错误写法 input type=text value=文档 说明 HTML概述 书写HTML文档说明示例 html body !-- 网页主体部分开始 -- 这是网页主体部分 /body !-- 网页主体部分结束 -- /html !-- 网页结束 -- HTML概述 书写HTML文档说明示例 正确写法： centertable……/table/center 错误写法： centertable……/center/table HTML概述 一个简单HTML文档 创建一个简单的HTML文档 HTML常用标记 头部标记 格式： HEAD基本描述信息/HEAD 其中主要包括对当前网页的一些基本描述信息，包括标题、字符集、网站作者信息、站点描述、站点关键词、搜索引擎蜘蛛引导、刷新及跳转、样式表链入以及其它一些有用的附加功能。 网页标题标记 格式： TITLE 标题文字 /TITLE 示例： title访客留言簿/title HTML常用标记 元信息标记 META标记是HTML头部标记中常见的元信息标记，可重复出现在头部标记中，用来指明本网页的作者、网页制作工具、所包含的的关键字，以及其他一些描述网页信息。 META标记的另一个作用是创建HTTP响应头，以便让浏览器知道如何去处理这个网页，例如这个网页什么时候过期，隔多少时间自动刷新等。 HTML常用标记 元信息标记 META标记有name、http-equiv、content三个属性。Name和http-equiv可任选一个与content配合使用。 META标记标示例： 设定制作工具： meta name=“generator” content=“Microsoft FrontPage 4.0” 设定网页关键字： meta name=“keywords” content=“HTML、WebServer、ASP” HTML常用标记 元信息标记 META标记标示例： 设定网页的描述信息： meta name=“discription” content=“这是一个商务网站的主页” 声明网页的作者： meta name=“author” content=“李程” 声明网页采用的字符集： meta http-equiv=“Content-Type” content=“text/html;charset=gb2312” 设定自动刷新间隔秒数： meta http-equiv=“refresh” content=“10” HTML常用标记 主体标记