首页 > 软件开发 > HTML >

html 中如何插入分享按钮

来源:互联网 2023-03-16 19:19:33 版权归原作者所有,如有侵权,请联系我们

现在我们在上网浏览网页的时候经常会看到各种分享图标,这样可以方便浏览者快速分享自己所在的页面,不仅提高了用户的浏览体验而且间接的增加自己网站的流量,确实是个一举两得的方法。9Kx办公区 - 实用经验教程分享!

html 中如何插入分享按钮9Kx办公区 - 实用经验教程分享!

工具/原料

  • 百度账号,浏览器,文本编辑器。

方法/步骤

  • 1

    利用windows自带的记事本创建一个文本文件tst.txt,并输入如下代码:9Kx办公区 - 实用经验教程分享!

    9Kx办公区 - 实用经验教程分享!

    !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">9Kx办公区 - 实用经验教程分享!

    html xmlns="http://www.w3.org/1999/xhtml">9Kx办公区 - 实用经验教程分享!

    head>9Kx办公区 - 实用经验教程分享!

    meta http-equiv="Content-Type" content="text/html; charset=gb2312" />9Kx办公区 - 实用经验教程分享!

    title>html 分享代码的添加/title>9Kx办公区 - 实用经验教程分享!

    /head>9Kx办公区 - 实用经验教程分享!

    body>9Kx办公区 - 实用经验教程分享!

    9Kx办公区 - 实用经验教程分享!

    9Kx办公区 - 实用经验教程分享!

    9Kx办公区 - 实用经验教程分享!

    /body>9Kx办公区 - 实用经验教程分享!

    /html>9Kx办公区 - 实用经验教程分享!

    html 中如何插入分享按钮9Kx办公区 - 实用经验教程分享!

  • 2

    打开浏览器后,点击百度搜索框右下角“更多”按钮,进入百度产品中心。9Kx办公区 - 实用经验教程分享!

    html 中如何插入分享按钮9Kx办公区 - 实用经验教程分享!

  • 3

    找到“站长与开发者服务“栏,点击百度分享页图标,进入百度分享页面。9Kx办公区 - 实用经验教程分享!

    html 中如何插入分享按钮9Kx办公区 - 实用经验教程分享!

  • 4

    登录百返蚊译度分享。9Kx办公区 - 实用经验教程分享!

    html 中如何插入分享按钮9Kx办公区 - 实用经验教程分享!

  • 5

    点击页面顶部“获取代码”栏,切换到代码获取页。9Kx办公区 - 实用经验教程分享!

    html 中如何插入分享按钮9Kx办公区 - 实用经验教程分享!

  • 5此文章未经授权抓取自百度经验
  • 6

    根据页面中的提示分别进行:功能代码设置 ->页面泪毙按钮设置 ->图片按钮设置。9Kx办公区 - 实用经验教程分享!

    html 中如何插入分享按钮9Kx办公区 - 实用经验教程分享!

  • 7

    点击页面底部“直接复制代码”按钮9Kx办公区 - 实用经验教程分享!

    html 中如何插入分享按钮9Kx办公区 - 实用经验教程分享!

  • 8

    将刚刚复制好代码粘贴到前面打开的文本文件的body> /body>之间。9Kx办公区 - 实用经验教程分享!

    html 中如何插入分享按钮9Kx办公区 - 实用经验教程分享!

  • 9

    将文本文件另存为txt.html,最后用浏览器直接打开txt.html文件,净缝可以看到分享按钮已经出来了9Kx办公区 - 实用经验教程分享!

    html 中如何插入分享按钮9Kx办公区 - 实用经验教程分享!

  • 注意事项

    • 将文本文件另存为txt.html 是注意扩展名要写对!
    • 用浏览器打开txt.html 顶部出现阻止提示,应解除阻止,允许脚本运行!

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!9Kx办公区 - 实用经验教程分享!


    标签: HTML

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号