教科版高中信息技术（网络技术应用模块）课件：5.1.1 HTML标记 (共12张PPT)

5.1.1 HTML标记 * 学习目标 认识网页HTML标记语言 掌握运用HTML标记编写网页的方法 * HTML HTML语言，超文本标记语言。它不是编程语言，是Web技术中最微不足道，但又是Web最必不可少的基石。 * 新建记事本文件 HTML与JavaScript一样一般可以采用两种方式进行编写 一种是使用现成的可视化工具软件，如Frontpage、Dreamweaver等工具。 会自动加入其他代码与许多复杂的信息，也不便于修改。 另一种就是使用纯文本编辑器，如Windows中自带的记事本。 这种方法简单易行，自由方便，可以添加注释，还可以使脚 本具有很好的可读性。 使用记事本创建网页的基本步骤是： 一、新建记事本文件 二、保存时修改其后缀名为.html * HTML网页基本结构与标注 HTML是一种标记语言，不是编程语言。基本结构是： <html> <head> 头部元素、元素属性及内容 </head> <body> 主体元素、元素属性及内容 </body> </html> * HTML总是以一对<></>开始和结束。 标题元素 <h1></h1> 设置某一行的字体大小 Font元素 <font></font> 设置文档的字体 font元素的常用属性是size、color 分行元素<p></p>、表格元素<table></table>等 <元素 属性=“值”> 网页内容</元素> Html标签、属性名与值对大小写不敏感 * 插入文字与图片 Htnl语言提供了一系列作为标题文字的标签对：<h1></h1>……<h6></h6> 字体形式显示的标签对： <b></b>、<i></i>、<u></u>、<sub></ sub >、 <sup></ sup > <Font></ Font >有三个属性： face(字体)、 Size(大小)、 Color(颜色) 例 * <img src=“url”>标签用来处理图象的显示。 <img>还有以下几个属性： alt属性： 鼠标移动到图象上显示的提示文本 align属性: 图象与周围文本的对齐方式，属性值可以是： top、bottom、