3.12-1 html讲解
一、html介绍
1、定义：一个超文本标记语言，不是一种编程性语言
2、标记：记号（绰号）
3、超文本：就是页面内容包含图片、链接、音乐、视频等素材
4、为什么学习html？a测试页面功能，需要了解页面元素（页面是html语言编写的）b方便我们进行ui自动化，定位元素
5、html有哪些特定？a简易性 b可拓展性强 c平台无关性 d通用性
6、什么人员用到html？
前端开发：javascrip+html+cass js
h5=html5(html的第5个版本)
前端开发：负责页面设计，页面排版
后端开发：负责后天逻辑编写，编程语言（python,java）
7如何查看html页面元素？
a查看方式1：f12或fn+f12
b查看方式2：浏览器中 ===更多===开发者工具查看页面元素
二、hbilder安装
hbilder一个编写html的ide工具
1、下载hbilder包2、解压包3、点击exe安装包打开或发送到桌面4、点击暂不登录5、表示安装成
6、快捷键
（1）ctrl+n+w 创建项目
（2）ctrl+n+h 创建html文件
（3）ctrl+s 保存）（未保存显示*号）
（4）ctrl+r 运行
（5）ctrl+z 撤回
（6）！+tab键 联想基本格式
（7）ctrl+/ 注释和取消注释
（8）ctrl+鼠标滚轮， 字体方大和缩小
一、认识标签
1、标题标题
h1--h6
格式：
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>认识标签</title>
</head>
<body>
<h1>第一大标题</h1>
<h2>第二大标题</h2>
<h3>第三大标题</h3>
<h4>第四大标题</h4>
<h5>第五大标题</h5>
<h6>第六大标题</h6>
</body>
</html>
2、常用标签
代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>常用标签</title>
</head>
<body>
<p>段落标签,也叫p标签</p>
<em>斜体标签，也叫em标签</em><br />
<b>b标签，也是加粗</b><br />
<i>斜体标签</i><br />
<strong>加粗标签</strong>
<u>下划线</u>
<s>删除线</s>
<sub>下标</sub>
<sup>上标</sup><br />
<font color="aqua"> 颜 色</font>
<p>空 格</p>
</body>
</html>
3、图片标签
（1）引用本地图片
a、图片可以拖拽到img下或放在img文件下
（2）引用网上图片
网上图片链接：
https://pic.rmb.bdstatic.com/bjh/news/ab2f36a579cfdb35afb87cf4634bc534.jpeg
