2021-06-20

#HTML总结

学习web技术确确实实给我打开了一片新天地,我不知道是不是所有人都这么觉得，但是就我个人而言每次接触到新的东西，新的知识，都会让我十分着迷，但是在深入了解过后可能我会对它散失兴趣，在web的学习上没有出现这种情况。 web学习还是自主实验的方式更加的具有效果，我通过学习基本上了解了如何利用HTML5来构建Web页面（网页）也基本掌握了使用，用CSS（bootstrap库）来美化Web页面（网页），以及利用JavaScript来进行简单的客户端交互等方面的基础知识。 通过对web的学习，我觉得能够对一个网站进行源代码的分析当然不是非常复杂的网站，我也初步地自己建设了一个中等复杂程度的静态页面，但是我的掌握还是很片面的，我自己对如何来构建一个网站还是有点没有什么创造性的思考，这可能还需要后续的练习，web对我的吸引力是超过其他编程语言的，因为它的可见度极高，我能随时查看自己的成果，或许这也是大多数人喜欢它的原因吧。 在这片新天地里，我能得到很大的成就感，这是可见的益处，HTML的网页效果取决于自己的代码，这也是与自己的付出成正比的，符合自然发展的规律，从HTML来说，HTML 的元素可以以区块或内联的方式进行显示，看起来十分有条率性，逻辑性。 最后，谢谢老师的教导，我对html的掌握还是属于初级阶段，我还需要更加深入的学习。 下面是我的一些代码：

});

• 在线预览！
• </ul>
  <div class="muen_top">
   <a href="/" class="indexactive">首页</a>
   <a href="/tupian/"  class="l11active" target="_blank">高清图片</a>
   <a href="/moban/" class="l12active" target="_blank">模板</a>
   <a href="/ppt/" class="l726active" target="_blank">ppt模板</a>
   <a href="/tubiao/" class="l49active" target="_blank">图标</a>
   <a href="/kuzhan/" class="l713active" target="_blank">酷站</a>
   <a href="//font.chinaz.com/" class="l13active" target="_blank">字体</a>
   <a href="/psd/" class="l713active" target="_blank">PSD素材</a>
   <a href="/shiliang/" class="l15active" target="_blank">矢量图</a>
   <a href="/yinxiao/" class="l713active" target="_blank">音效</a>
   <a href="/biaoqing/" class="l560active" target="_blank">表情</a>
   <a href="/donghua/" class="l653active" target="_blank">动画</a>
   <a href="/jiaoben/" target="_blank">脚本</a>
   <a href="/zhuanti/" target="_blank">专题</a>
  </div>
  <div class="tougao">
  <a  href="//sc.chinaz.com/tougao.html" target="_blank">我要投稿</a>
  </div>
  

	    <iframe id="iframe" src="//demosc.chinaz.net/Files/DownLoad/moban/202106/moban5538" frameborder="0"   width="100%"> </iframe>

名称： 蔬菜水果生鲜超市电商网站模板 类型： 电子商务

		<span>标签：</span><a href="/tag_jiaoben/shucai.html" title="蔬菜" target="_blank">蔬菜</a><a href="/tag_jiaoben/HTML5.html" title="HTML5" target="_blank">HTML5</a><a href="/tag_jiaoben/shuiguo.html" title="水果" target="_blank">水果</a><a href="/tag_jiaoben/shengxianchaoshi.html" title="生鲜超市" target="_blank">生鲜超市</a>
                    

	</p>
	<p class="left">
		<span>分享到：</span>
		<a title='分享到新浪微博' href="javascript:void(0)" id="fxwb" class="sn">新浪</a>
		<a title='分享到腾讯微博' href='javascript:void(0)' onclick=posttoWb() class="tx">腾讯</a>
		<a title="分享到QQ空间" href="javascript:window.open('http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url='+encodeURIComponent(document.location.href));void(0)" class="qq">QQ空间</a>
	</p>
	<div class="clear"></div>
</div>

<script type="text/javascript">

    var description = '蔬菜水果生鲜超市电商网站模板: 蔬菜水果生鲜超市电商网站模板是一款食品零售，食品公司，有机食品，健康果汁，种子，水果等电商网站模板下载。提示：本模板调用到谷歌字体库，可能会出现页面打开比较缓慢。';



    var sendT = {
        getHeader: function () {
            var g_title = description;
            var re = /<[^<>]*?font[^<>]*?>/gi;
            g_title = g_title.replace(re, "");
            return g_title;
        },
        getFirstImgSrc: function () {
            var allPageTags = document.getElementsByTagName("div");
            for (var i = 0; i < allPageTags.length; i++) {
                if (allPageTags[i].className == 'downtext') {
                    if (allPageTags[i].getElementsByTagName("img")[0] && allPageTags[i].getElementsByTagName("img")[0].width > 200) {
                        return allPageTags[i].getElementsByTagName("img")[0].src;
                    }
                    else {
                        return null;
                    }

                }
            }
        },
        getContent: function () {
            var allPageTagss = document.getElementsByTagName("div");
            for (var i = 0; i < allPageTagss.length; i++) {
                if (allPageTagss[i].className == 'downtext') {
                    return allPageTagss[i].innerHTML;
                }
            }
        }
    }



    document.getElementById("fxwb").onclick = function () {
        (function (s, d, e, r, l, p, t, z, c) {
            var f = 'http://service.weibo.com/share/share.php?appkey=872996044&', u = z || d.location, p = ['url=', e(u), '&title=', e(sendT.getHeader()), '&source=', e(r), '&sourceUrl=', e(l), '&content=', c || 'gb2312', '&pic=', e(p || '')].join('');
            function a() {
                if (!window.open([f, p].join(''), 'mb', ['toolbar=0,status=0,resizable=1,width=440,height=430,left=', (s.width - 440) / 2, ',top=', (s.height - 430) / 2].join(''))) u.href = [f, p].join('');
            };
            if (/Firefox/.test(navigator.userAgent)) setTimeout(a, 0); else a();
        })(screen, document, encodeURIComponent, 'CHINAZ', '//sc.chinaz.com/', sendT.getFirstImgSrc(), null, null, null);
    }


    function posttoWb() {
        var _tt = description;
        var _t = encodeURI(_tt.replace(/\s+$/, ''));
        var _url = encodeURI(window.location);
        var _appkey = encodeURI("258efff116d2466da9b7513cbae7de0b");
        var _site = encodeURI('sc.chinaz.com');
        var _pic = sendT.getFirstImgSrc();
        var _u = 'http://v.t.qq.com/share/share.php?title=' + _t + '&url=' + _url + '&appkey=' + _appkey + '&site=' + _site + '&pic=' + _pic;
        window.open(_u, '转播到腾讯微博', 'width=700, height=580, top=320, left=180, toolbar=no, menubar=no, scrollbars=no, location=yes, resizable=no, status=no');
    }