网页设计三合一教程 教学课件 作者 周从军 李旭峰第9章.ppt

《网页设计三合一教程 教学课件 作者 周从军 李旭峰第9章.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、网页设计三合一教程主讲教师2021/10/51第9章用HTML编写网页主讲教师本章要点HTML语言概述HTML语言的基本结构用HTML代码编写网页上的基本元素表格以及表格相关的代码编写方法用手写代码制作复杂框架结构的页面HTML语言的常用标识9.1初识HTML1．HTML语言简介2．HTML文件基本架构1．HTML语言简介HTML超文本标识语言HTML是一种建立网页文件的语言，通过对各种标记式的指令、元素、属性、对象等的定义，将影像、声音、图片、文字等连接显示出来。HTML标记由<和>所括住的指令，主要分为单标记指令、双标记指令（由

2、<起始标记>和所构成)。1．HTML语言简介HTML语言的三种形式<标记>，非封闭的类型。很少用，最常用的如换行标记
。<标记>对象，封闭类型。大多数标记都是封闭类型的。封闭类型的标记都是成对出现。<标记属性1=参数1标记属性2=参数2>对象，封闭类型的扩展形式，后面的各种属性参数可以进一步设置对象在某方面的内容。说明几乎所有的HTML代码都是由上面三种形式组合而成的，标记之间可以相互嵌套，形成更为复杂的语法。1．HTML语言简介HTML文件组成一个完整的HTML文件由head和body两部分

3、组成。head部分包含标题、网页语言等基本信息，还可包含作者信息、网页关键字、网页说明等；body部分其中的内容是网页显示的主要内容，由表格、图片、表单等各种对象组成。1．HTML语言简介说明一可以使用任何文本编辑器打开、浏览、编辑HTML代码，最简单的是Windows自带的记事本。说明二HTML文件编辑完成后以.htm或.html为文件后缀保存，可由浏览器打开显示。说明三习惯上一个网站的首页名称通常为index.htm或index.html。2．HTML文件基本架构HTML文件的基本架构：文件开始文件头开始

4、标题区文件头结束文本区开始......文本区内容文本区结束文件结束网页的头部网页的主体内容HTML文件标识9.2　HTML的简单应用1．编写第一个网页2．注意事项1．编写第一个网页使用记事本编写第一个网页，步骤如下：选择【开始】/【所有程序】/【附件】/【记事本】”命令，打开记事本程序。在记事本中输入HTML代码。保存文件，在保存类型中选择【所有文件】，在编码中选择ANSI，文件名设为“myfirst.htm”。关闭记事本，回到存盘的文件夹，双

5、击myfirst.htm文件，在InternertExplore浏览器中浏览页面。第一个网页的代码及页面效果

我的第一个HTML文件

6、记中可以放置各种属性。可以在源代码中添加注释，注释以“”结束。9.3　添加各种网页元素9.3.1　向页面中添加文字9.3.2设置页面中的标题9.3.3设置页面的背景颜色和背景图片9.3.4在页面中插入图片9.3.5设置文字和图片链接9.3.6给网页加上声音9.3.1　向页面中添加文字（1）将需要添加的文字输入到与标识之间。（2）

7、p>