HTML网页制作PPT教学课件
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
• 一种是使用现成的可视化工具软件，如 Frontpage、Dreamweaver等工具。 会自动加入其他代码与许多复杂的信息，也不 便于修改。
• 另一种就是使用纯文本编辑器，如Windows中 自带的记事本。 这种方法简单易行，自由方便，可以添加注释， 还可以使脚 本具有很好的可读性。
• 使用记事本创建网页的基本步骤是： •2020一/12/0、9 新建记事本文件 二、保存时修改其后缀名为.html 4
字体形式显示的标签对： <b></b>、<i></i>、<u></u>、<sub></ sub >、 <sup></ sup > <Font></ Font >有三个属性： face(字体)、 Size(大小)、 Color(颜色)
2020/12/09
例7
<img src=“url”>标签用来处理图象的显示。
HTML网页基本结构与标注
HTML是一种标记语言，不是编程语言。基本结 构是：
<html> <head> 头部元素、元素属性及内容
</head> <body> 主体元素、元素属性及内容
</body> </html>
2020/12/09
5
HTML总是以一对<></>开始和结束。
• 标题元素 <h1></h1> 设置某一行的字体大小
• Font元素 <font></font> 设置文档的字体 font元素的常用属性是size、color
• 分行元素<p></p>、表格元素<table></table>等
<元素 属性=“值”> 网页内容</元素 >
Html标签、属性名与值对大小写不敏感源自2020/12/096
插入文字与图片
Htnl语言提供了一系列作为标题文字的标签对： <h1></h1>……<h6></h6>
<img>还有以下几个属性： alt属性： 鼠标移动到图象上显示的提示文本 align属性: 图象与周围文本的对齐方式，属性值可以是：
top、bottom、left、right border属性: 图象的边框宽度，属性值是>0的整数 width属性: 图象的宽度 height属性: 图象的高度
2020/12/09
2020/12/09
例9
<tr></tr> <td></td>标签创建表格的行与列。 两对标签联合使用，属性相类似。
colspan属性： rowspan属性 :
设置一个单元格跨占的列数 默认属性值为1
设置一个单元格跨占的行数 默认属性值为1
2020/12/09
10
表单
表单的基本结构主要为：
<form action=url method=get post>
谢谢观看
Thank You For Watching
2020/12/09
12
例8
表格及属性设置
<table></table>标签创建一个表格，具有以下属性：
bgcolor属性：
border属性 :
cellspacing属性: cellpadding属性: width属性: height属性:
表格的背景色 属性值为RGB值 表格边框的宽度 属性值是>0的整数 单元格之间的间隔大小 单元格边框与内容之间的间隔大小 表格的高度 表格的高度 属性值可以是百分比
4.2 HTML标记
2020/12/09
1
学习目标
认识网页HTML标记语言 掌握运用HTML标记编写网页的方法
2020/12/09
2
HTML
HTML语言，超文本标记语言。 它不是编程语言，是Web技术中最 微不足道，但又是Web最必不可少 的基石。
2020/12/09
3
新建记事本文件
HTML与JavaScript一样一般可以采用两种方式进行编写
…… <input type=表单类型>
</form>
action和method说明应该如何将来自表单的输入
数据传递给要处理的数据程序，最常见的属性值
就是get post （分别代表了两种网络传递数据的
方法）。 Action则指定负责处理表单数据的程序
（程序的URL）
2020/12/09
例11
PPT精品课件
• 另一种就是使用纯文本编辑器，如Windows中 自带的记事本。 这种方法简单易行，自由方便，可以添加注释， 还可以使脚 本具有很好的可读性。
• 使用记事本创建网页的基本步骤是： •2020一/12/0、9 新建记事本文件 二、保存时修改其后缀名为.html 4
字体形式显示的标签对： <b></b>、<i></i>、<u></u>、<sub></ sub >、 <sup></ sup > <Font></ Font >有三个属性： face(字体)、 Size(大小)、 Color(颜色)
2020/12/09
例7
<img src=“url”>标签用来处理图象的显示。
HTML网页基本结构与标注
HTML是一种标记语言，不是编程语言。基本结 构是：
<html> <head> 头部元素、元素属性及内容
</head> <body> 主体元素、元素属性及内容
</body> </html>
2020/12/09
5
HTML总是以一对<></>开始和结束。
• 标题元素 <h1></h1> 设置某一行的字体大小
• Font元素 <font></font> 设置文档的字体 font元素的常用属性是size、color
• 分行元素<p></p>、表格元素<table></table>等
<元素 属性=“值”> 网页内容</元素 >
Html标签、属性名与值对大小写不敏感源自2020/12/096
插入文字与图片
Htnl语言提供了一系列作为标题文字的标签对： <h1></h1>……<h6></h6>
<img>还有以下几个属性： alt属性： 鼠标移动到图象上显示的提示文本 align属性: 图象与周围文本的对齐方式，属性值可以是：
top、bottom、left、right border属性: 图象的边框宽度，属性值是>0的整数 width属性: 图象的宽度 height属性: 图象的高度
2020/12/09
2020/12/09
例9
<tr></tr> <td></td>标签创建表格的行与列。 两对标签联合使用，属性相类似。
colspan属性： rowspan属性 :
设置一个单元格跨占的列数 默认属性值为1
设置一个单元格跨占的行数 默认属性值为1
2020/12/09
10
表单
表单的基本结构主要为：
<form action=url method=get post>
谢谢观看
Thank You For Watching
2020/12/09
12
例8
表格及属性设置
<table></table>标签创建一个表格，具有以下属性：
bgcolor属性：
border属性 :
cellspacing属性: cellpadding属性: width属性: height属性:
表格的背景色 属性值为RGB值 表格边框的宽度 属性值是>0的整数 单元格之间的间隔大小 单元格边框与内容之间的间隔大小 表格的高度 表格的高度 属性值可以是百分比
4.2 HTML标记
2020/12/09
1
学习目标
认识网页HTML标记语言 掌握运用HTML标记编写网页的方法
2020/12/09
2
HTML
HTML语言，超文本标记语言。 它不是编程语言，是Web技术中最 微不足道，但又是Web最必不可少 的基石。
2020/12/09
3
新建记事本文件
HTML与JavaScript一样一般可以采用两种方式进行编写
…… <input type=表单类型>
</form>
action和method说明应该如何将来自表单的输入
数据传递给要处理的数据程序，最常见的属性值
就是get post （分别代表了两种网络传递数据的
方法）。 Action则指定负责处理表单数据的程序
（程序的URL）
2020/12/09
例11
PPT精品课件