必威体育Betway必威体育官网
当前位置:首页 > IT技术

html中span标签 和 a 标签

时间:2019-08-10 06:44:16来源:IT技术作者:seo实验室小编阅读:88次「手机版」
 

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技术对我们前端产生了巨大影响

如何解决html中、等标签的中加多个空格只显示一个空格

<label>密&nbsp;&nbsp;&nbsp;码:</label> 使用一个&nbs p;就是一个空格,这样之后你想显示多少个空格就显示多少个空格了。结果如下

html编写红头文件

索 引 号:006939748/2018-00152 分类:   发布机构: 广东省人民政

基于 HTML5 的 WebGL 3D 档案馆可视化管理系统

前言 档案管理系统是通过建立统一的标准以规范整个文件管理,包括规范各业务系统的文件管理的完整的档案资源信息共享服务平台,主要

Html-如何正确给table加边框

总结一下table的使用给页面一些布局带来方便 遇到有边框的类似表格这样的布局,你就可以考虑用table布局了,这样就省去你特殊设置边

分享到:

栏目导航

推荐阅读

热门阅读