html 代码大全 1.结构性定义 文件类型 (放在档案的开头与结尾) 文件主题
(显示原始码之用) 样本 键盘输入 变数 定义 (有些浏览器不提供) 地址 大字 小字 与外观相关的标签(作者自订的表现方式) 加粗 斜体 底线 (尚有些浏览器不提供) 删除线1、网页有那些部分组成:
文字、图像、链接等元素组成,还包括音频,视频flash等组成。
2、常见的浏览器:ie、火狐、Chrome、edge,Opera浏览器、Safari、
3、web标准三层组成:结构(网页元素进行整理和分类,主要是html),表现(设置网页元素的版式颜色大小外观样式,主要是指css),行为(网页模型定义及交互的编写,主要是学javascript)
4、html的认识:
html是超文本语言,用来描述网页的一种语言
html不是编程语言,而是一种标记语言
标记语言是一套标记标签
标签有自己的语法规范,要放在<>
黑马程序员视频库有免费的课程,还有课件和源码什么的。你可以去找一下。 非常适合入门。
前端和后端没有可比性
前端的开发,如果没有总体的设计思路,会成为一种碎片似地程序,一个效果一坨代码,一个功能一滩脚本,一个需求片逻辑,我曾经遇到过,因为ue调整,把整个前端的代码除了核心数据处理函数保留,其余的全部修改的情况。
基本上前端的开发,处于dom操作,数据处理,数据交互三部分,如果合理的分配这三部分的功能,那么前端的代码就很容易扩展和调整。可惜现在优秀的前端开发者很少,因为前端门槛很低。
那么接下来我回答挑战所在:真正的前端开发的挑战,还在于开发者的思路,兼容性,布局,css js都不是问题,问题在于如何合理的组织语言逻辑,如果正确抽象出需求中的模块,在如何用代码处理。清楚的用代码表达出思路,清楚的写好注释,给后续维护者一个可阅读的思路。
前端的改动量,是后端的数倍,前端没有绝对,只有跟随需求不停的修改。
//默认设置定义tPopWait=50;//停留tWait豪秒后显示提示。
//tPopShow=2000;//显示tShow豪秒后关闭提示showPopStep=100;popOpacity=70;fontcolor="#0000FF";bgcolor="#EDEDED";bordercolor="#0000FF";//内部变量定义sPop=null;curShow=null;tFadeOut=null;tFadeIn=null;tFadeWaiting=null;document。 write("");document。
write("。cPopText{background-color:"+bgcolor+";color:"+fontcolor+"; "+bordercolor+"solid;font- :12px;padding- :4px; :4px;padding- :Alpha(Opacity=0)}");document。
write("");document。write("");functionshowPopupText(){varo= cElement;MouseX=event。
x;MouseY=event。y;if( t!=null&& t!=""){o。
dypop= t; t=""};if(o。title!=null&&o。
title!=""){o。dypop=o。
title;o。 title=""};if(o。
dypop!=sPop){sPop=o。dypop;clearTimeout(curShow);clearTimeout(tFadeOut);clearTimeout(tFadeIn);clearTimeout(tFadeWaiting);if(sPop==null||sPop==""){ nerHTML=""; lter="Alpha()";dypopLaye lters。
Alpha。opacity=0;}else{if(o。
dyclass!=null)popStyle=o。dyclasselsepopStyle="cPopText";curShow=setTimeout("showIt()",tPopWait);}}}functionshowIt(){ assName=popStyle; nerHTML=sPop;popWidth= ientWidth;popHeight= ientHeight;if(MouseX+12+popWidth> ientWidth)popLeftAdjust=-popWidth-24elsepopLeftAdjust=0;if(MouseY+12+popHeight> ientHeight)popTopAdjust=-popHeight-24elsepopTopAdjust=0; yle。
left=MouseX+12+ rollLeft+popLeftAdjust; p=MouseY+12+ rollTop+popTopAdjust; lter="Alpha(Opacity=0)";fadeOut();}functionfadeOut(){if( lters。 Alpha。
opacity0){ lters。Alpha。
opacity-=1;tFadeIn=setTimeout("fadeIn()",1);}}document。onmouseover=showPopupText;-->这个是js文件,请把代码保存为js文件,用JavaScript来调用,慢慢体会吧,希望你的自学能力真的不错。
声明:本网站尊重并保护知识产权,根据《信息网络传播权保护条例》,如果我们转载的作品侵犯了您的权利,请在一个月内通知我们,我们会及时删除。
蜀ICP备2020033479号-4 Copyright © 2016 学习鸟. 页面生成时间:5.391秒