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