九、网页中嵌入图片代码
步骤:
1、 用word打开首页“index.htm”.
2、 在导航条正下方插入--------表格（1列，3行），在第一格内输入”tp1”,第二格内输入”tp2”,第三格内输入”tp3”.保存退出。
3、 打开“图床”（https://imgchr.com/ymzz）,找到图片“元谋土林”点击，在图片下方------中等图片连接（宽度680px）------网页贴图代码HTML-----------copy （<a href="https://imgtu.com/i/5hvMpn"><img src="https://z3.ax1x.com/2021/10/25/5hvMpn.md.jpg"
alt="5hvMpn.jpg" border="0" /></a>）注意：只是红色部分的代码。
4、 用文本(笔记本)打开“index.htm”, 编辑--------查找----------tp1-----查找下一个，找到光标位置。即为代码嵌入位置，单击鼠标右键------粘贴即可。
5、 在光标处单击鼠标右键-------粘贴；重复第3、4步，嵌入“ymms1”（ <a href="https://imgtu.com/i/5hvTHS"><img src="https://z3.ax1x.com/2021/10/25/5hvTHS.jpg"
alt="5hvTHS.jpg" border="0" /></a>）；“ymtc1”（ <a href="https://imgtu.com/i/5hjUQP"><img src="https://z3.ax1x.com/2021/10/25/5hjUQP.jpg"
alt="5hjUQP.jpg" border="0" /></a>）代码，保存后退出。
扩展：在你的网页中嵌入“一键分享”代码，把你的网页分享出去。复制代码，嵌入网页，保存。（
|
<div
class="bdsharebuttonbox"><a href="#" class="bds_more" data-cmd="more"></a><a href="#" class="bds_qzone" data-cmd="qzone"></a><a href="#" class="bds_tsina" data-cmd="tsina"></a><a href="#" class="bds_tqq" data-cmd="tqq"></a><a href="#" class="bds_renren" data-cmd="renren"></a><a href="#" class="bds_weixin" data-cmd="weixin"></a></div> |
|
|
<script>window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdPic":"","bdStyle":"0","bdSize":"16"},"share":{},"image":{"viewList":["qzone","tsina","tqq","renren","weixin"],"viewText":"分享到：","viewSize":"16"},"selectShare":{"bdContainerClass":null,"bdSelectMiniList":["qzone","tsina","tqq","renren","weixin"]}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new
Date()/36e5)];</script> |
|
）注：是红色部分
欢迎光临我的第一个网站
|
|
|
|
|
|
|
|
|
|
|
|
|
Tp1 |
|
Tp2 |
|
Tp3 |
