Math 对象 与 空连接

Math 对象

生成【a,b】之间的随机数

Math.random()*(b-a+1)+1

Math.random()*100+1

3.31相对路径、超级链接等

一、相对路径：

①图像文件和html文件位于同一文件夹：

只需输入图像文件的名称即可，如：

<img src="butterfly.png">

②图像位于html的下一级文件夹：

输入文件夹名和文件名，之间用"/"隔开，如：

<img src="img/butterfly.png">

③图像文件位于文件的上一级文件夹：

在文件名之前加入"../",如果是上两级，则需要使用"../../",以此类推，如：

<img src="../butterfly.png"/>

二、超级链接

1.使用方法

插入超级链接方法：

<!--1.空连接-->
<a href="#">空连接</a>

2.作用：

网页变网站

3.实例：

首页：

<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>首页/山东商务职业学院</title>
	</head>

	<body>
		<h1><a href="xx.html">山东商务职业学院</a></h1>

	</body>

</html>

子页面：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>信息工程学院</title>
	</head>
	<body>
        <h1><a href="index.html">返回山东商务职业学院</a></h1>
		<h2><a href="xygk.html">学院概况</a></h2>
		<h2><a href="xyfm.html">学院风貌</a></h2>
	</body>
</html>

二级子页面①：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>学院风貌</title>
	</head>
	<body>
		<h1><a href="xx.html">返回信息工程学院</h1>
	</body>
</html>

二级子页面②：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>学院概况</title>
	</head>
	<body>
		<h2><a href="xx.html">返回信息工程学院</a></h2>
	</body>

4.超级链接的样式:

		<style>
			/*超级链接所有状态的样式*/
			a{
				/*除去下划线*/
				text-decoration: none;
				color: #686868;
			}
			
			/*超级链接鼠标停留的样式*/
			a:hover{
				color: #00BBDD;/*可以省略为0BD*/
				background-color: #3F3F3F;
				display: block;/*行内样式不能设置*/
				width:400px;
				height: 200px;
			}
				
		</style>

小计：

html注释格式<!--解释内容--!>

css注释格式/解释内容/

空格字符代码：

常用实体字符：

jpg和jpeg，htm和html没有区别

html5文档的开始，定义的标签不区分大小写

块级元素和行级元素：
<h1>块级元素</h1>
<a>行级元素</a>
<p>
    块级元素
</p>

块和行内块可以指定大小

键值对

选择器

属性：属性值

控制显示和隐藏：
display: none;/*隐藏*/
display: block;/*块元素*/
posted @ 2026-05-23 12:47  安徒生的熊  阅读(2)  评论(0)    收藏  举报