2、为什么学习html？
（1）测试页面元素，了解页面元素（页面是html语言编写的）
（2）进行ui自动化需用到元素定位
3、html有哪些特点？
（1）简易性
（2）可拓展性
（3）平台无关性
（4）通用性

4、什么人员使用html？
（1）前端开发：
javascript +html+css

H5=html5（html第5版本）互相装换成web页面和app页面

前端开发的职责：负责页面设计，页面排版(html）
后端开发:负责后台业务逻辑，使用编程语言，前后端需要业务对接(python)

（2）测试
定位元素，实现ui自动化

5、html查看方式？
（1）第一种方式：
fn+f12 或f12
（2）第二种方式
浏览器中====更多工具====开发者工具
6、如何查看元素？
f12+fn====点击小箭头=====在去点击自己要查看的元素

二、安装工具hbilder

（1）hbilder 编译器ide工具，是一个能编写html源码工具，也是一个开发工具；

（2）html就是我们被用做www的网址

（3）目前公司用web语言就html （h5）
javascript=js（简写）

（4）安装步骤：

a、百度中下载hbuilder

b、解压：

找到htbilder.exe

c.右键快捷桌面或直接打开

e点击图标，启动，点击暂不登录

三、html 应用

1、新建项目

2、编辑项目名称，项目位置

新建html文件

输入文件名称

html中的基本格式

如下：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>dcs默认格式</title>
	</head>
	<body>
		<p>我可以显示所有内容</p>
	</body>
</html>

保存htnl文件，ctrl+s 包存

运行html 文件

（1）方法1

（2）方法2：ctrl+r，查看内容

快捷键

（1）ctrl+n+w 创建项目

（2）ctrl+n+h 创建html文件

（3）ctrl+s 保存）（未保存显示*号）

（4）ctrl+r 运行

（5）ctrl+z 撤回

（6）！+tab键联想基本格式

（7）ctrl+/ 注释和取消注释

（8）ctrl+鼠标滚轮，字体方大和缩小

二、html常用的标签

1、标题标签（h1--h6）

h1是最大的标签

h6是最小的标签

输入方式：

2、常用标签

（1）h1+tab键

（2）h2+enter键

1）&nbsp 空格
（2）em 标签表示斜体
（3）i 标签表示斜体
（4）br 表示换行
（5）b 标签表示加粗
（6） strong 标签表示加粗
（7）s 标签表示删除线
（8）u 标签表示下划线
（9）font 颜色
（10）sub下标
（11）sup上标

（12）p标签

3、图片标签

（1）通过本地图片导入

将图片存放在img中

（2）通过网络图片导入

a、通过f12进行抓取网上图片

b.通过图片右键，复制地址

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>图片标签</title>
	</head>
	<body>
		<!--引用本地图片-->
		<img src="../img/QQ图片20231212113155.png"/ width="100"  height="100">
	    <!--引用网上图片-->
	    <img src="https://qcloud.dpfile.com/pc/OlCJyDMIBRFzpnlljieGGqxW8EXqcvho2oTHX-e1d0b6yiiYeocFIjl9YnOm2Umq.jpg"/>
	</body>
</html>

posted on 2025-05-12 11:14 多测师_肖sir 阅读(82) 评论(0) 收藏举报

刷新页面返回顶部

导航