第5章 HTML语言　课件

2023-02-21

| 49页

| 214人阅读

| 51人下载

普通

内容正文：

学习目标掌握什么是HTML文档。掌握HTML文档的结构及基本语法结构。掌握两种标签的使用方法。掌握常用的HTML标签及属性。能够使用HTML代码完成简单的网页。 5.1 第5章　HTML语言 5.1　认识HTML 5.2　HTML的基本标签本章内容 5.1 第5章　HTML语言 5.1　认识HTML 5.1.1 案例制作：认识HTML文档　　本案例通过一个HTML文档认识HTML文档的结构，如图所示。 5.1 第5章　HTML语言 5.1　认识HTML 5.1.1 案例制作：认识HTML文档 1）打开素材文件夹“Myweb”，可以看到一个HTML文档“index.html”，在文档上右击，打开方式命令中选择“默认程序”，打开“打开方式”对话框，选择“记事本”，点击“确定”按钮，可以打开文档。 2）文档中的内容如下。 <!doctype html> <html> <head> <meta charset="utf-8"> <title>HTML代码学习</title> </head> <body> <h1>HTML代码学习很简单！</h1> </body> </html> 5.1 第5章　HTML语言 5.1　认识HTML 5.1.1 案例制作：认识HTML文档 3）文档中<!doctype>是声明，必须放在HTML文档的第一行，位于<html>标签之前。因在此HTML文档使用的是HTML5，因此声明为<!doctype html>，它告诉Web浏览器本文档使用的是哪个HTML版本进行编写的指令。而支持HTML5标准的主流浏览器都认识这个声明。 4）其中<html></html>、<head></head>、<title></title>和<body></body>这些标签成对出现，构成了HTML文档的结构。<html></html>标签表示本文档是一个HTML文档；<head></head>标签为文件头部分，<title></title>标签为网页的标题，<body></body>标签为文档主体部分。 5）<meta charset=“utf-8”>表示HTML文档采用的字符编码是utf-8，utf-8是一种国际通用编码。<h1></h1>标签将文本以标题1的格式显示。在浏览器中打开HTML文档观看效果。 5.1 第5章　HTML语言 5.1.2　新知解析　　1．认识HTML 　　HTML语言是一种超文本的标记语言，简单来讲就是构建一套标记符号和语法规则，将所要显示出来的文字、图像、声音等要素按照一定的标准要求排放，形成一定的标题、段落、列表等单元，最终成为一个HTML文档，即网页文件。浏览器根据文件中添加的标记符来显示其中的内容（如：文字如何处理，画面如何安排，图片如何显示等）。。　　HTML编辑软件：记事本、写字板、Aobe Dreamweaver、CoffeeHTML、HTMLedit Pro等。 5.1　认识HTML 5.1 第5章　HTML语言　　2．基本语法结构　　（1）标签　　HTML（网页文件）文档是由标签和标签的内容构成，标签要用“<”和“>”包起来，如段落标签<P>，用于对标签中的内容进行控制，“<>”中的标签字母不区别大小写，“<>”与标签中间不能用空格隔开，标签分为对称标签和单独标签。 5.1　认识HTML 5.1.2　新知解析 5.1 第5章　HTML语言　　1）对称标签　　对称标签是指标签成对出现，表示方式是为<标签>…</标签>，如<title>首页</title>。其中“<标签>”称为起始标签，表示某种格式功能的开始；“</标签>”称为结束标签，表示这种格式功能的结束，如<P>对称标签</P>表示一个段落，功能相当于WORD文档中的回车符。　　对称标签必须首尾呼应、有头有尾；对称标签允许相互嵌套，但不能交叉嵌套。　　2）单独标签　　单独标签是不成对的，表示方法为<标签>。标签中只有起始标签没有结束标签，如<br>，表示换行。 5.1　认识HTML 5.1.2　新知解析 5.1 第5章　HTML语言　　（2）属性　　标签中的文本、图像等内容怎么在文档中显示，还需要用属性来决定。属性是标签用来描述对象的特征，控制内容如何显示及显示格式，标签一般都有一系列属性，属性的一般语法结构如下。　　<标签属性1=属性值属性2=属性值…>内容</标签> 　　例如，将网页中标题1标签中的文本设置为居中显示，使用属性align，值为center，具体代码如下。　　<h1 align="center">居中显示</h1> 。 5.1　认识HTML 5.1.2　新知解析 5.1 第5章　HTML语言　　3．HTML文档的结构　　HTML文档是由元素组成的，元素由标签和和