示例：

 

　　使用浏览器打开该html文件即可

 

　　显示的结果：

 

　　****编写html的细节****：

 

　　1 html文档内容由标签和文本内容组成。

 

　　2 html的标签是由w3c组织规定好的，不能随意编写。

 

　　3 html标签不区分大小写。（建议使用小写字母）

 

　　4 开始标签和结束标签要成对出现。

 

　　5 在编写html时，要注意缩进，编写出层次结构。

 

　　1、作用：该标签是为HTML网页添加标题；

 

　　2、使用方法：

 

　　如图，在两个之间的之间，黄色框架里就是html网页的标题；

 

　　2.2.1设置搜索关键字（搜索引擎优化） （现在不常用）

 

　　1、作用：通过在其他网页，搜索关键字来查找到该HTML网页。设置搜索关键字，在自己做的HTML网页是看不到的，因为用来引导搜索引擎进行收录的，而不进行显示内容。

 

　　2、使用方法：如图，在head中使用该标签；

 

　　快捷键：打出meta +tab键 就能自动补全成为

 

　　2.2.2 网页描述

 

　　1、作用：通过在其他网页，搜索描述来查找到该HTML网页。设置搜索描述，在自己做的HTML网页是看不到的，因为用来引导搜索引擎进行收录的，而不进行显示内容。

 

　　2、使用方法：如图，在head中使用该标签；

 

　　2.2.3 自动跳转

 

　　1、作用：定义一定的时间之后自动跳转到指定的网页

 

　　2、使用方法：

 

　　例如：3秒后自动跳转到

 

　　使用浏览器打开该html文件即可;

 

　　打开的网页如下图所示：

 

　　3秒后的页面如图所示：

 

　　作用： 在页面中编写javascript代码或引入javacript文件

 

　　作用：在页面中编写css代码

 

　　作用：引入其他文件（例如css文件）

 

　　作用：设置页面链接前缀

 

　　当页面中的a超链接标签没有设置href属性的值和没有设置target属性的值时，默认使用base标签中的href属性的值和target属性的值。

 

　　一共6级标签，使用时会自动换行。

 

　　结果：

 

　　1、作用：增大了行间距

 

　　2、使用：

 

　　结果：

 

　　hr标签的属性 ：

 

　　size 设置粗细

 

　　width 设置宽度

 

　　color 设置颜色

 

　　align 对齐方式（默认居中对齐）

 

　　结果：

 

　　结果：

 

　　1、作用：独占一行的效果，div+css做页面布局

 

　　2、例题：

 

　　实现的效果：

 

　　1、作用：添加图片

 

　　2、属性：

 

　　src=“图片路径”

 

　　title=“鼠标停在图片上时提示的文字内容”

 

　　alt=“图片加载失败时提示的文字内容”

 

　　width=“图片宽度”（单位像素px）

 

　　height=“图片高度”（单位像素px）

 

　　border=”图片边框”（单位像素px）

 

　　例题：给页面添加动图

 

　　第一步：找到喜欢的动图存放在img文件夹所在的目录里

 

　　第二步：添加图片

 

　　显示：

 

　　1、作用：标签，超链接标签，用来链接到其他页面或本页面其他位置。

 

　　2、属性：****href**** 链接地址

 

　　1 链接到其他网站页面 href=“

 

　　2 链接到自己网站的其他页面 href=“2.html”

 

　　3 邮箱链接（打开邮箱客户端） href=“mailto:aaa@163.com”

 

　　4 链接到锚点 href="#abc"

 

　　（需要设置锚点）

 

　　注释：

 

　　锚点，是网页制作中超级链接的一种，又叫命名锚记。命名锚记像一个迅速定位器一样是一种页面内的超级链接，运用相当普遍。

 

　　使用命名锚记可以在文档中设置标记，这些标记通常放在文档的特定主题处或顶部。然后可以创建到这些命名锚记的链接，这些链接可快速将访问者带到指定位置。

 

　　创建到命名锚记的链接的过程分为两步。首先，创建命名锚记，然后创建到该命名锚记的链接。

 

　　3、使用方式：<a href=”链接地址”target=“打开链接的位置“> 显示在页面上的内容