span标签
输入:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<!--<p style="background-color: red;display: inline;">asdf</p>-->
<!--<span style="background-color: red;display: block;">asdf</span>-->
<span style="display:inline-block;background-color: red;height: 50px;width: 70px;">hcl</span>
<a style="background-color: red;">jane</a>
</body>
</html>
输出:
通过a标签跳转
输入:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
img{
border: 0;
}
</style>
</head>
<body>
<a href="https://blog.csdn.net/zhuisaozhang1292/article/category/7811344" >淮南草的博客</a>
<a href="https://blog.csdn.net/zhuisaozhang1292/article/category/7811344">
<img src="1.jpg" style="width: 200px;height: 300px;">
</a>
</body>
</html>
输出:
输入:点击跳转至顶部
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<p οnclick="GoTop();" style="width: 50px;height: 50px;background-color: black;color: white;
position: fixed;
bottom:100px;
right: 100px;
">
返回顶部
</p>
<p style="height: 5000px;background-color: #dddddd;">
asdfasdf
</p>
<script>
function GoTop(){
document.body.scrollTop = 0;
}
</script>
</body>
</html>
输出:
相关阅读
HTML5历史状态管理history API-pushState/replaceStat
【本文源址:http://blog.csdn.net/q1056843325/article/details/60607402 转载请添加该地址】 AJAX技术对我们前端产生了巨大影响
<label>密 码:</label> 使用一个&nbs p;就是一个空格,这样之后你想显示多少个空格就显示多少个空格了。结果如下
索 引 号:006939748/2018-00152 分类: 发布机构: 广东省人民政
基于 HTML5 的 WebGL 3D 档案馆可视化管理系统
前言 档案管理系统是通过建立统一的标准以规范整个文件管理,包括规范各业务系统的文件管理的完整的档案资源信息共享服务平台,主要
总结一下table的使用给页面一些布局带来方便 遇到有边框的类似表格这样的布局,你就可以考虑用table布局了,这样就省去你特殊设置边