黑马程序员-软件测试-阶段1测试基础-02-30-45工具代开浏览器运行代码，音、视频、测试点，音视频标签，布局标签。超链接语法进阶，绝对路径，相对路径

最新推荐文章于 2024-09-10 17:36:52 发布

学习记录wanxiaowan

最新推荐文章于 2024-09-10 17:36:52 发布

阅读量1.4k

点赞数 19

文章标签：音视频

本文链接：https://blog.csdn.net/weixin_43428283/article/details/125460632

版权

本文介绍了HTML中关于音视频标签的使用，包括audio和video元素，以及超链接的基础和进阶语法，强调了相对路径和绝对路径的概念。同时，文章提到了测试点，特别是针对音视频标签在不同浏览器的兼容性测试。

摘要由CSDN通过智能技术生成

30-工具代开浏览器运行代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		普通文字
		<b>我是b</b>
		<strong>我是strong 我又加粗了 又代表特别强调</strong>
		
		<br />
		
		普通文字
		<i>我是i</i>
		<em>我是em 又倾斜 又一般强调</em>
		
		<br />
		<!--  w3c明确说明：s要被del替代 -->
		
		原价<s>998</s> 
		原价<del>999</del>
		现价9.98
		
		
		
		
	</body>
</html>

b和strong都可以代表加粗，后者代表特别强调的语义；
i和em都可以实现倾斜，后者代表一般强调语义；
s和del都可以实现删除线效果，后者即将替代前者
在这里插入图片描述

位置是最关键的，安装好浏览器软件后，都会在桌面上有快捷图标，通过浏览按钮，找到你桌面上的图标即可；

31-键值对kv对属性名和属性值

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<!--
			属性可以理解为客观（不以意志为转移）事物的固有特点
		-->
		
		
		<!--
			键值对儿、kv对儿、属性名和属性值
			人 身高="180" 年龄="18" 体重="100"
		-->
		<!--
			1、先把图片准备好，复制到当前html文件同一级文件夹中
			2、src代表资源，它后面的值应该写想要加载的那张图片的名字
			3、width代表宽度（横向距离）、height代表高度（纵向距离）；注意：宽或高只设置其中一个属性，另外一个会按照原图的比例去进行缩放显示；如果宽和高都不设置，图片会按照原本的大小去显示	
			4、title="鼠标悬停时候的提示文字"
			5、alt   （1）当图片未正常加载的时候，文字才会被别人看到  （2）网页阅读器读取此内容给视障用户听，提升用户体验
		-->
		
		<img src="t1.gif" width="300" title="鼠标悬停时候的提示文字" alt="此张图片描述信息" />      
		
	</body>
</html>

人身高=“100” 年龄=“10” 体重=“100”
键值对，kv对儿，属性名，属性值

32-img标签

图片复制到html文件同一级文件夹当中
img+tab建
img src=“” alt=“”
img src=“” alt=“”
src对于的属性值显示想要的展示的文件
src代表资源，后面的值应该写想要加载那张图片的名字
img src=“t1.gif” alt=“”/

350超链接的基础语法

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<!--
			超链接：点击之后实现页面内容的跳转
			href属性对应的属性值应该设置成带有   http://  才可以打开线上的网站
			
		-->
		
		<a href="http://www.baidu.com">点击我可以打开百度</a>
		<br />
		
		<!--
			如果想打开本地（你自己的电脑）的页面，只需要把目标文件和当前文件放在同一个目录中，在href属性中写目标文件的名字即可
			
		-->
		
		<a href="02文章标题.html">点击我可以打开本地的页面</a>
		
		<!--
			新窗口打开链接：默认超链接都是在当前窗口打开，如果想在新窗口打开，需要添加target属性
		-->
		<br />
		<a href=