<!DOCTYPE html>
<html>
<head>
<title>xige</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0"><!--网页尺寸自适应-->
<link rel="stylesheet" type="text/css" href="styles.css"><!--在外部脚本-->
<link rel="stylesheet" type="text/css" media="screen and (min-width:1024px) and (max-width:2048px)" href="screen1024-2048.css">
<link rel="icon" type="image/x-icon" href="http://n.sinaimg.cn/sinacn10121/156/w1024h1532/20181216/b21d-hqhtqsp0423192.jpg">
<script type="text/javascript">
document.write("I want you back.");
</script>
<br><script type="text/javascript" src="hi.js"></script>
<base href="https://www.bilibili.com/video/" target="_blank">
<noscript>
<p>抱歉,你的浏览器不支持JavaScript</p>
</noscript>
</head>
<body>
<h1>Welcome to the XIXI NET</h1>
<h2>Baby,I love you!</h2>
<img alt="Xige.LOGO" src="C:\Users\西哥\Desktop\likepicture/xige.jpg" width="256px" higth="256px">
<br><a href="https://www.4399.com" target="_blank">快乐学习网</a>
<a href="BV1QW411N762?p=3&spm_id_from=pageDriver"><span>html小甲鱼</span>学习</a>
<a href="BV1XJ411X7Ud?p=4"><span>html尚硅谷</span>学习</a>
<a href="https://man.ilovefishc.com/html5/" target="_blank"><span>html</span>速查宝典</a>
<a href="https://www.csdn.net/" target="_blank">CSDN</a>
</body>
</html>
同级外部脚本1(styles.css)
body{
background-image:url("http://n.sinaimg.cn/sinacn10121/156/w1024h1532/20181216/b21d-hqhtqsp0423192.jpg");
}
h1{
text-align:center;
color:red;
}
h2{
margin-left:60%;
color:blue;
}
a{
color:green;
}
span{
color:red;
}
script{
color:blue;
}
</style>
同级外部脚本2(screen1024-2048.css)
body{
background-image:url("https://c-ssl.duitang.com/uploads/item/201807/05/20180705135524_syfjh.jpg");
}
同级外部脚本3(hi.js)
document.write("sincerely");