html-PPT教学课件
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
有很多其它元素。
2020/12/09
16
<body>元素及元素属性—2
<body>元素中有下列元素属性： (1) Bgcolor属性
标志HTML文档的背景颜色。 如：bgcolor="#CCFFCC"。
2020/12/09
17
HTML对颜色的控制
HTML对颜色的控制也有自己的语法。 HTML使用16进制的RGB颜色值对颜色 进行控制。
HEAD元素——5 <meta>元素
<meta http-equiv=“refresh” content=“5;URL=”>
用来自动刷新网页
2020/12/09
14
练习（03.htm）
编写一个网页，要求3秒钟后自动跳转到运城
学院的网站首页。
<html>
<head>
<title>my first page</title>
2020/12/09
12
HTML基本结构的 有关元素和元素属性
HEAD元素——4 <meta>元素
<meta http-equiv=“Content-Type” content=“text/html; charset=gb2312”>
用来标记你的页面的解码方式。
2020/12/09
13
HTML基本结构的 有关元素和元素属性
2020/12/09
6
第一张网页（01.htm）
<html> <head> <title>my first page</title> </head> <body> This is my first homepage! </body>
</html>
2020/12/09
7
基本组成部分—— HTML元素属性
</BODY>
</HTML>
2020/12/09
5
HTML 文件结构
<html>...</html>
<head>...</head>
<body>...</body>
元素：是HTML语言的基本部分。元素总 是成对出现，每一对元素一般都有一个 开始的标记（如<body>），也有一个结 束的标记（如</body>）。元素的标记 要用一对尖括号括起来，并且结束的标 记总是在开始的标记前加一个斜杠。
HTML元素可以有自己的相关属性，每一 个属性还可以由我们网页编制者赋一定 的值。元素属性出现在元素的< >内，并 且和元素名之间有一个空格分隔；属性 值用“”引起来。
2020/12/09
8
第二张网页（02.htm）
<html>
<head>
<title>my first page</title>
</head>
<body>
<p align="center">
This is my first homepage!
</p>
</body>
</html>
2020/12/09
9
HTML基本结构的 有关元素和元素属性
HEAD元素——1 <head>元素出现在文档的开头部分。 <head>与</head>之间的内容不会在浏 览器的文档窗口显示，但是其间的元素 有特殊重要的意义。
2. 使用可视化HTML编 辑 器
Frontpage、Dreamweaver等
3. 由Web 服务器（ 或称HTTP 服务器） 一 方实时动态地生成。
2020/12/09
3
网页文件命名
1. *.htm或*.html 2. 无空格
3. 无特殊符号（例如&符号），只可以有 下划线“_”，只可以为英文、数字
绿色 Green=”#00ff00” 海蓝色 Aqua=”#00ffff”
19
<body>元素及元素属性—3
(2) background属性
标志HTML文档的背景图片。如： background=“images/bg.gif"。
可以使用的图片格式为GIF，JPG
2020/12/09
4. 区分大小写
5. 首页文件名默认为：index.htm 或 index.html
2020/12/09
4
HTML 文件结构 (Document Structures)
<HTML>
<HEAD>
<title></title> <meta>
</HEAD> <BODY>
HTML 文件的正文
<meta http-equiv=“refresh” content=“3;URL=”>
</head>
<body>
<p align=“center”>
三秒钟后本网页将自动跳转到运城学院首页</p>
</body>
</html>
2020/12/09
15
<body>元素及元素属性—1
是HTML文档的主体部分。 在<body>与</body>之间，通常都会
HTML 第一讲
2020/12/09
1
HTML概念
HTML（Hyper Text Markup Language 超 文本标识语言）
是一种用来制作超文本文档的简单标记语言。 用HTML编写的超文本文档称为HTML文档。
2020/12/09
2
HTMLFra Baidu bibliotek档的编写方法
1. 手工直接编写
记事本等，存成.htm .html格式
<title>
<title>元素定义HTML文档的标题。
<title>与</title>之间的内容将显示在浏览器
窗口的标题栏。
2020/12/09
10
HTML基本结构的 有关元素和元素属性
HEAD元素——2 <meta>元素 <meta>元素下面可以插入很多很有用的元
素属性。下面介绍四种：
<meta name="keywords"
content="study,computer">
用来标记搜索引擎在搜索你的页面时所取出的关键 词。
2020/12/09
11
HTML基本结构的 有关元素和元素属性
HEAD元素——3 <meta>元素
<meta name="author" content="xiao"> 用来标记文档的作者。
16 进制的数码有: 0,1,2,3,4,5,6,7,8,9,a,b,c,d,e,f.
2020/12/09
18
常见颜色的代码
2020/12/09
颜色 颜色名和RGB值
黑色 Black=”#000000” 银色 Silver=”#c0c0c0” 红色 Red=”#ff0000” 蓝色 Blue=”#0000ff” 白色 White=”#ffffff” 黄色 Yellow=”ffff00”
2020/12/09
16
<body>元素及元素属性—2
<body>元素中有下列元素属性： (1) Bgcolor属性
标志HTML文档的背景颜色。 如：bgcolor="#CCFFCC"。
2020/12/09
17
HTML对颜色的控制
HTML对颜色的控制也有自己的语法。 HTML使用16进制的RGB颜色值对颜色 进行控制。
HEAD元素——5 <meta>元素
<meta http-equiv=“refresh” content=“5;URL=”>
用来自动刷新网页
2020/12/09
14
练习（03.htm）
编写一个网页，要求3秒钟后自动跳转到运城
学院的网站首页。
<html>
<head>
<title>my first page</title>
2020/12/09
12
HTML基本结构的 有关元素和元素属性
HEAD元素——4 <meta>元素
<meta http-equiv=“Content-Type” content=“text/html; charset=gb2312”>
用来标记你的页面的解码方式。
2020/12/09
13
HTML基本结构的 有关元素和元素属性
2020/12/09
6
第一张网页（01.htm）
<html> <head> <title>my first page</title> </head> <body> This is my first homepage! </body>
</html>
2020/12/09
7
基本组成部分—— HTML元素属性
</BODY>
</HTML>
2020/12/09
5
HTML 文件结构
<html>...</html>
<head>...</head>
<body>...</body>
元素：是HTML语言的基本部分。元素总 是成对出现，每一对元素一般都有一个 开始的标记（如<body>），也有一个结 束的标记（如</body>）。元素的标记 要用一对尖括号括起来，并且结束的标 记总是在开始的标记前加一个斜杠。
HTML元素可以有自己的相关属性，每一 个属性还可以由我们网页编制者赋一定 的值。元素属性出现在元素的< >内，并 且和元素名之间有一个空格分隔；属性 值用“”引起来。
2020/12/09
8
第二张网页（02.htm）
<html>
<head>
<title>my first page</title>
</head>
<body>
<p align="center">
This is my first homepage!
</p>
</body>
</html>
2020/12/09
9
HTML基本结构的 有关元素和元素属性
HEAD元素——1 <head>元素出现在文档的开头部分。 <head>与</head>之间的内容不会在浏 览器的文档窗口显示，但是其间的元素 有特殊重要的意义。
2. 使用可视化HTML编 辑 器
Frontpage、Dreamweaver等
3. 由Web 服务器（ 或称HTTP 服务器） 一 方实时动态地生成。
2020/12/09
3
网页文件命名
1. *.htm或*.html 2. 无空格
3. 无特殊符号（例如&符号），只可以有 下划线“_”，只可以为英文、数字
绿色 Green=”#00ff00” 海蓝色 Aqua=”#00ffff”
19
<body>元素及元素属性—3
(2) background属性
标志HTML文档的背景图片。如： background=“images/bg.gif"。
可以使用的图片格式为GIF，JPG
2020/12/09
4. 区分大小写
5. 首页文件名默认为：index.htm 或 index.html
2020/12/09
4
HTML 文件结构 (Document Structures)
<HTML>
<HEAD>
<title></title> <meta>
</HEAD> <BODY>
HTML 文件的正文
<meta http-equiv=“refresh” content=“3;URL=”>
</head>
<body>
<p align=“center”>
三秒钟后本网页将自动跳转到运城学院首页</p>
</body>
</html>
2020/12/09
15
<body>元素及元素属性—1
是HTML文档的主体部分。 在<body>与</body>之间，通常都会
HTML 第一讲
2020/12/09
1
HTML概念
HTML（Hyper Text Markup Language 超 文本标识语言）
是一种用来制作超文本文档的简单标记语言。 用HTML编写的超文本文档称为HTML文档。
2020/12/09
2
HTMLFra Baidu bibliotek档的编写方法
1. 手工直接编写
记事本等，存成.htm .html格式
<title>
<title>元素定义HTML文档的标题。
<title>与</title>之间的内容将显示在浏览器
窗口的标题栏。
2020/12/09
10
HTML基本结构的 有关元素和元素属性
HEAD元素——2 <meta>元素 <meta>元素下面可以插入很多很有用的元
素属性。下面介绍四种：
<meta name="keywords"
content="study,computer">
用来标记搜索引擎在搜索你的页面时所取出的关键 词。
2020/12/09
11
HTML基本结构的 有关元素和元素属性
HEAD元素——3 <meta>元素
<meta name="author" content="xiao"> 用来标记文档的作者。
16 进制的数码有: 0,1,2,3,4,5,6,7,8,9,a,b,c,d,e,f.
2020/12/09
18
常见颜色的代码
2020/12/09
颜色 颜色名和RGB值
黑色 Black=”#000000” 银色 Silver=”#c0c0c0” 红色 Red=”#ff0000” 蓝色 Blue=”#0000ff” 白色 White=”#ffffff” 黄色 Yellow=”ffff00”