HTML基础ppt课件
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
6பைடு நூலகம்
1 HTML文档结构
2．头部信息 <head> … </head>
这一部分用来说明文档标题以及该页面的其他信息， 它构成HTML文档的开头部分，在此标记对之间可 以使用<meta>、<title>等标记，这些标记都是 描述HTML文档相关信息的标志，标志对之间的内 容是不会在浏览器的框内显示出来的，但是其内容 应该尽量简短。
17
2.1 head容器的标记
4．base元素 格式：
<base href="URL" target="text" />
base元素指定一个显式 URL 用于解析对于外部源 的链接和引用，如图像和样式表。当用户使用相对 URL请求文档时，超链接也会正确地执行。Target 指定文档中所有链接的默认窗口，该属性主要用在 使用框架结构的网页中，使用框架结构，同一浏览 器窗口中可以容纳多个网页，同时在若干不同的框 架窗口中显示。
11
2.1 head容器的标记
<head>标记主要用来提供网页文件的整体 信息。包括标题栏名称、文件的网址、所采 用的文档编码等。
<head>标记用来告知浏览器这是文件标题 的开头，最后使用</head>标记告知浏览器 这是文件标题的结束点。
12
2.1 head容器的标记
HTML文档的head是一个容器元素，在head 容器元素中允许出现以下元素：
7
1 HTML文档结构
3．文本主体 <body> … </body>
这部分说明HTML文件的主体内容，在浏览器的客 户区中显示，这是页面开发者的编写HTML文档的 主要部分。
8
1 HTML文档结构
对于HTML标记的约定：
超文本标记是用一对尖括号“< >”括起来的文本串，例如 第一行的<html>。
表示链接一个外部CSS文件default.css如下: <link href="default.css" rel="stylesheet" type="text/css“ />
15
2.1 head容器的标记
3．meta元素 格式：
<meta name="text" http-equiv="text" content="text“ />
1．HTML标记
<html> … </html>
这是定义HTML文档开始与结束的标记，也是 HTML文档中最先出现的标识，表明这个文件的内 容是用HTML语言来实现的。它必须成对出现，分 别表示HTML文件的起始和结束。在<html>容器 标记中又包括以下<head>和<body>两个部分。
meta元素用来描述当前网页的元信息。通常用来为 搜索引擎robots定义页面主题，或者是定义用户浏 览器上的cookie；它可以用于鉴别作者，设定页面 格式，标注内容提要和关键字；还可以设置页面的 自动刷新时间间隔（秒）等。
16
一些有关metal元素的例子
1. 设置搜索引擎关键字 <meta name=“keywords” content=“关键词” />
超文本标记一般成对出现，用带“/”的标记结束，如 </html>。成对出现的超文本标记也称容器元素。
有些标记只有起始标记而没有结束标记称空元素，如<br/>。 超文本标记可以忽略字母的大小写。 构成容器元素的一对标记可以写在不同行，标记属性的相对
位置不受限制，但属性必须出现在起始标记里。
<标记名 属性1=“值1” 属性2=“值2” … 属性n=“值n” >
……
</标记名>
9
编写HTML文档的方法: HTML文档是一个纯文本文件，可以使用任何 文本编辑器编写保存。
例：新建一个html文件
10
2 HTML基本标记的使用
2.1 head容器的标记 2.2 body容器的标记
2. 设置网页编码 <meta http-equiv=“content-type” content=“text/html; charset=GB2312” />
3. 刷新页面 <meta http-equiv=“refresh” content=“second; URL=targetURL” />
第1章 HTML基础
1
第1章 HTML基础
1 HTML文档结构 2 HTML基本标记的使用 3 超链接标记 4 HTML表格 5 HTML表单
2
1 HTML文档结构
在互联网中传送的文档，绝大部分使 用超文本标记语言编写，这些文档称为 HTML文档。
在基本HTML文档中，只允许两种元 素存在：一种是HTML标记，另一种则是 普通文本。
14
2.1 head容器的标记
2．link元素 格式：
<link href="URL" rel="text" type="MIME_type“ />
link元素在当前文档和另一文档之间建立链接关系。 href属性指向相关的文档; rel属性描述了当前文档 与被连接文档的关系;type属性描述被连接文档的 类型。
3
1 HTML文档结构
HTML文档的组成结构如下：
4
1 HTML文档结构
一个完整的HTML文档通常由以下三部分组成：
1．HTML标记 格式：<html> … </html>
2．头部信息 格式：<head> … </head>
3．文本主体 格式：<body> … </body>
5
1 HTML文档结构
18
2.1 head容器的标记
5．script元素 格式：
<script type=“text/javascript”> 脚本语言代码段
1．title元素 2．link元素 3．meta元素 4．base元素 5．script元素
13
2.1 head容器的标记
1. title元素 格式：
<title> 标题文字
</title>
title元素包含文档的标题。它不显示在浏览器窗口 中，只显示在浏览器标题栏中。在起始标志 （<title>）和结束标志(</title>)间，可以放入 简述文档内容的标题。如果没有title元素，浏览器 的标题栏将显示网页的文件名。
1 HTML文档结构
2．头部信息 <head> … </head>
这一部分用来说明文档标题以及该页面的其他信息， 它构成HTML文档的开头部分，在此标记对之间可 以使用<meta>、<title>等标记，这些标记都是 描述HTML文档相关信息的标志，标志对之间的内 容是不会在浏览器的框内显示出来的，但是其内容 应该尽量简短。
17
2.1 head容器的标记
4．base元素 格式：
<base href="URL" target="text" />
base元素指定一个显式 URL 用于解析对于外部源 的链接和引用，如图像和样式表。当用户使用相对 URL请求文档时，超链接也会正确地执行。Target 指定文档中所有链接的默认窗口，该属性主要用在 使用框架结构的网页中，使用框架结构，同一浏览 器窗口中可以容纳多个网页，同时在若干不同的框 架窗口中显示。
11
2.1 head容器的标记
<head>标记主要用来提供网页文件的整体 信息。包括标题栏名称、文件的网址、所采 用的文档编码等。
<head>标记用来告知浏览器这是文件标题 的开头，最后使用</head>标记告知浏览器 这是文件标题的结束点。
12
2.1 head容器的标记
HTML文档的head是一个容器元素，在head 容器元素中允许出现以下元素：
7
1 HTML文档结构
3．文本主体 <body> … </body>
这部分说明HTML文件的主体内容，在浏览器的客 户区中显示，这是页面开发者的编写HTML文档的 主要部分。
8
1 HTML文档结构
对于HTML标记的约定：
超文本标记是用一对尖括号“< >”括起来的文本串，例如 第一行的<html>。
表示链接一个外部CSS文件default.css如下: <link href="default.css" rel="stylesheet" type="text/css“ />
15
2.1 head容器的标记
3．meta元素 格式：
<meta name="text" http-equiv="text" content="text“ />
1．HTML标记
<html> … </html>
这是定义HTML文档开始与结束的标记，也是 HTML文档中最先出现的标识，表明这个文件的内 容是用HTML语言来实现的。它必须成对出现，分 别表示HTML文件的起始和结束。在<html>容器 标记中又包括以下<head>和<body>两个部分。
meta元素用来描述当前网页的元信息。通常用来为 搜索引擎robots定义页面主题，或者是定义用户浏 览器上的cookie；它可以用于鉴别作者，设定页面 格式，标注内容提要和关键字；还可以设置页面的 自动刷新时间间隔（秒）等。
16
一些有关metal元素的例子
1. 设置搜索引擎关键字 <meta name=“keywords” content=“关键词” />
超文本标记一般成对出现，用带“/”的标记结束，如 </html>。成对出现的超文本标记也称容器元素。
有些标记只有起始标记而没有结束标记称空元素，如<br/>。 超文本标记可以忽略字母的大小写。 构成容器元素的一对标记可以写在不同行，标记属性的相对
位置不受限制，但属性必须出现在起始标记里。
<标记名 属性1=“值1” 属性2=“值2” … 属性n=“值n” >
……
</标记名>
9
编写HTML文档的方法: HTML文档是一个纯文本文件，可以使用任何 文本编辑器编写保存。
例：新建一个html文件
10
2 HTML基本标记的使用
2.1 head容器的标记 2.2 body容器的标记
2. 设置网页编码 <meta http-equiv=“content-type” content=“text/html; charset=GB2312” />
3. 刷新页面 <meta http-equiv=“refresh” content=“second; URL=targetURL” />
第1章 HTML基础
1
第1章 HTML基础
1 HTML文档结构 2 HTML基本标记的使用 3 超链接标记 4 HTML表格 5 HTML表单
2
1 HTML文档结构
在互联网中传送的文档，绝大部分使 用超文本标记语言编写，这些文档称为 HTML文档。
在基本HTML文档中，只允许两种元 素存在：一种是HTML标记，另一种则是 普通文本。
14
2.1 head容器的标记
2．link元素 格式：
<link href="URL" rel="text" type="MIME_type“ />
link元素在当前文档和另一文档之间建立链接关系。 href属性指向相关的文档; rel属性描述了当前文档 与被连接文档的关系;type属性描述被连接文档的 类型。
3
1 HTML文档结构
HTML文档的组成结构如下：
4
1 HTML文档结构
一个完整的HTML文档通常由以下三部分组成：
1．HTML标记 格式：<html> … </html>
2．头部信息 格式：<head> … </head>
3．文本主体 格式：<body> … </body>
5
1 HTML文档结构
18
2.1 head容器的标记
5．script元素 格式：
<script type=“text/javascript”> 脚本语言代码段
1．title元素 2．link元素 3．meta元素 4．base元素 5．script元素
13
2.1 head容器的标记
1. title元素 格式：
<title> 标题文字
</title>
title元素包含文档的标题。它不显示在浏览器窗口 中，只显示在浏览器标题栏中。在起始标志 （<title>）和结束标志(</title>)间，可以放入 简述文档内容的标题。如果没有title元素，浏览器 的标题栏将显示网页的文件名。