三河市住房与建设局网站,外贸公司出口退税申报流程,建设合同施工合同示范文本,杭州滨江网站开发HTML即超文本标记语言#xff0c;是目前应用最为广泛的语言之一#xff0c;是组成一个网页的主要语言。在现今这个HTML5华丽丽地占领了整个互联网的时候#xff0c;如果想要通过网页抓住浏览者的眼球光靠因循守旧是不行的#xff0c;程序猿们需要掌握一些必须知道的HTML常用…HTML即超文本标记语言是目前应用最为广泛的语言之一是组成一个网页的主要语言。在现今这个HTML5华丽丽地占领了整个互联网的时候如果想要通过网页抓住浏览者的眼球光靠因循守旧是不行的程序猿们需要掌握一些必须知道的HTML常用代码因为只有熟悉掌握了常用的HTML代码程序猿们在编写网页的时候才可以做到流畅美观用细腻的思维和创意的细节效果打动并留住网页浏览者。 htmlcss代码 文本设置1、font-size: 字号大小 2、font-style: 字体格式3、font-weight: 字体粗细4、颜色属性color: 文本颜色注意使用网页安全色 超链接设置text-decoration: 参数参数取值范围 underline为文字加下划线 overline为文字加上划线 line-through为文字加删除线 blink使文字闪烁 none不显示上述任何效果 背景1、背景颜色background-color: 设置背景色2、背景图片background-image: url(URL)URL就是背景图片的存放路径none表示无。3、背景图片重复background-repeat: 参数 参数取值范围 no-repeat不重复平铺背景图片repeat-x使图片只在水平方向上平铺repeat-y使图片只在垂直方向上平铺如果不指定背景图片重复属性浏览器默认的是背景图片向水平和垂直两个方向平铺。4、背景图片固定 background-attachment: 参数 背景图片固定控制背景图片是否随网页的滚动而滚动。如果不设置背景图片固定属性浏览器默认背景图片随网页的滚动而滚动。为了避免过于花哨的背景图片在滚动时转移浏览者的注意力一般都设为固定。 参数取值范围fixed网页滚动时背景图片相对于浏览器的窗口而言固定不动scroll网页滚动时背景图片相对于浏览器的窗口而言一起滚动 区块1、单词间距 word-spacing: 单词间距 2、字母间距 letter-spacing: 字母间距3、文本对齐text-align: 参数参数的取值left左对齐right右对齐center居中对齐justify相对左右两端对齐4、垂直对齐vertical-align: 参数top顶对齐bottom底对齐text-top相对文本顶对齐text-bottom相对文本底对齐baseline基准线对齐middle中心对齐sub以下标的形式显示super以上标的形式显示5、文本缩进text-indent: 缩进距离12px相当于一个文字距离6、空格white-space: 参数 参数取值范围 normal 默认空白会被浏览器忽略 pre 保留空白 nowrap 文本不换行7、显示样式 display: 参数 参数取值范围 block块级元素在对象前后都换行 inline在对象前后都不换行 list-item在对象前后都换行增加了项目符号 none无显示 方框1、height 高度2、width 宽度3、padding 内边距4、margin 外边距5、float浮动可以让块级元素在一行中排列例如横向菜单。 6、clear 清除浮动 边框1、样式border style 参数边框样式的参数none无边框 dotted边框为点线dashed边框为长短线solid边框为实线double边框为双线2、宽度 border width 3、颜色 border color 列表list-style-type 列表样式不同浏览器的列表符可能不相同可能会影响到网页所以网页中的列表大多都是由背景图片显示。控制用户界面的样式 鼠标cursor鼠标形状参数 CSS鼠标形状参数表 鼠标形状CSS代码stylecursor:hand 手形stylecursor:crosshair 十字形stylecursor:text 文本形stylecursor:wait 沙漏形stylecursor:move 十字箭头形stylecursor:help 问号形stylecursor:e-resize 右箭头形stylecursor:n-resize 上箭头形stylecursor:nw-resize 左上箭头形stylecursor:w-resize 左箭头形stylecursor:s-resize 下箭头形 stylecursor:se-resize 右下箭头形 stylecursor:sw-resize 左下箭头形 HTML常用代码之结构性定义 文件类型HTML/HTML 放在档案的开头与结尾 文件主题TITLE/TITLE 必须放在「文头」区块内 文头HEAD/HEAD 描述性资料像是「主题」 文体BODY/BODY 文件本体 标题H?/H? 从1到6有六层选择 标题的对齐 H?ALIGNLEFT|CENTER|RIGHT/H? 区分DIV/DIV 区分的对齐 DIVALIGNLEFT|RIGHT|CENTER|JUSTIFY/DIV 引文区块BLOCKQUOTE/BLOCKQUOTE 通常会内缩 强调EM/EM 通常会以斜体显示 特别强调STRONG/STRONG 通常会以加粗显示 引文CITE/CITE 通常会以斜体显示 码CODE/CODE 显示原始码之用 样本SAMP/SAMP 键盘输入KBD/KBD 变数VAR/VAR 定义DFN/DFN 有些浏览器不提供 地址 ADDRESS/ADDRESS 大字BIG/BIG 小字SMALL/SMALL 与外观相关的标签作者自订的表现方式 加粗B/B 斜体I/I 底线U/U 尚有些浏览器不提供 删除线S/S 尚有些浏览器不提供 下标SUB/SUB 上标SUP/SUP 打字机体TT/TT 用单空格字型显示 预定格式PRE/PRE 保留文件中空格的大小 预定格式的宽度PRE WIDTH?/PRE以字元计算 向中看齐CENTER/CENTER 文字与图片都可以 闪耀BLINK/BLINK 有史以来最被嘲弄的标签 字体大小 FONTSIZE?/FONT从1到7 改变字体大小 FONTSIZE|-?/FONT 基本字体大小 BASEFONTSIZE? 从1到7; 内定为3 字体颜色 FONTCOLOR#$$/FONT$$为颜色代码 HTML常用代码之修改页面的实用性HTML代码 贴图img src图片地址 加入连接a href所要连接的相关地址写上你想写的字/a 在新窗口打开连接a href相关地址 target_blank写上要写的字/a 移动字体(走马灯)marquee写上你想写的字/marquee 字体加粗b写上你想写的字/b 字体斜体i写上你想写的字/i 字体下划线: u写上你想写的字/u 字体删除线: s写上你想写的字/s 字体加大: big写上你想写的字/big 字体控制大小h1写上你想写的字/h1 (其中字体大小可从h1-h5,h1最大h5最小) 更改字体颜色font color#value写上你想写的字/font(其中value值在000000与ffffff(16位进制)之间 消除连接的下划线a href相关地址 styletext-decoration:none写上你想写的字/a 贴音乐embed src音乐地址 width宽度 height高度 autostartfalse 贴flash: embed srcflash地址 width宽度 height高度 贴影视文件img dynsrc文件地址 width宽度 height高度 startmouseover 换行br 段落p段落/p 原始文字样式pre正文/pre 换帖子背景body background背景图片地址 固定帖子背景不随滚动条滚动body background背景图片地址 body bgpropertiesfixed 定制帖子背景颜色body bgcolor#value(value值见10) 帖子背景音乐bgsound背景音乐地址 loopinfinite 贴网页iframe. src相关地址 width宽度 height高度/iframe HTML常用代码之常常会遇到的问题 点击关闭窗口a hrefjavascript.:top.window.close();点击关闭窗口/a 请问如何去掉主页右面的滚动条body scrollno body styleoverflow-y:hidden 如何做到让一个网页自动关闭.html headOBJECT idcloses typeapplication/x-oleobject classidclsid:adb880a6-d8ff-11cf-9377-00aa003b7a11param nameCommand valueClose/object/headbody 这个窗口会在10秒过后自动关闭,而且不会出现提示. /body 如何在不刷新页面的情况下刷新css?stylebutton{ color:#000000;}/stylebutton nclickdocument.styleSheets[0].rules[0].style.color‘‘‘‘red‘‘‘‘点击按钮直接修改style标签里button选择符使按钮改为 红色/button 请问如何让网页自动刷新在head部记入META. HTTP-EQUIVRefresh c其中20为20秒后自动刷新你可以更改为任意值。如何让页面自动刷新方法一用refresh HTML 代码片段如下:headmeta. http-equivrefresh c/head5表示刷新时间[CtrlA 全部选择 提示:你可先修改部分代码再按运行] 方法二使用setTimeout控制img src/logo.gifscriptfunction rl(){document.location.reload()}setTimeout(rl,2000)/SCRIPT 如何让超链接没有下划线在源代码中的HEAD…/HEAD之间输入如下代码style. typetext/css !--a { text-decoration: none}-- /style 请问如何去掉IE的上下滚动条body style‘‘‘‘overflow:scroll;overflow-y:hidden‘‘‘‘/body 怎样才能把RealPlayer文件在网页做一个试听连接embed height25 src51js.rm typeaudio/x-pn-realaudio-plugin width50 autostartfalse c 如何用html实现浏览器上后退按钮的功能a hrefjava script.:history.go(-1)点击后退/a或者script history.back() /SCRIPT HTML常用代码之你不一定知道的技巧 ncontextmenuwindow.event.returnValuefalse 将彻底屏蔽鼠标右键table borderncontextmenureturn(false)tdno/table 可用于Table body nselectstartreturn false 取消选取、防止复制 οnpastereturn false 不准粘贴 οncοpyreturn false; ncutreturn false; 防止复制 link relShortcut Iconhreffavicon.ico IE地址栏前换成自己的图标 link relBookmarkhreffavicon.ico 可以在收藏夹中显示出你的图标 inputstyleime-mode:disabled 关闭输入法 永远都会带着框架script. languageJavaScript!--if (window top)top.location.href frames.htm; //frames.htm为框架网页// --/script 防止被人frame. SCRIPT. LANGUAGEJAVASCRIPT!--if (top.location ! self.location)top.locationself.location;// --/SCRIPT 网页将不能被另存为 noscriptiframe.src*.html/iframe/noscript 查看网页源代码 input typebutton value查看网页源代码οnclickwindow.location view-source:http://www.w3cschool.cn 删除时确认 a hrefjavascript:if(confirm(确实要删除吗?))locationboos.asp? areyou删除page1删除/a 屏蔽功能键Shift,Alt,Ctrlscriptfunction look(){if(event.shiftKey)alert(禁止按Shift键!);//可以换成ALT CTRL}document.οnkeydοwnlook;/script 网页不会被缓存META. HTTP-EQUIVpragma CONTENTno-cacheMETA. HTTP-EQUIVCache-ControlCONTENTno-cache, must-revalidateMETA. HTTP-EQUIVexpiresCONTENTWed, 26 Feb 1997 08:21:57 GMT或者META. HTTP-EQUIVexpiresCONTENT0 怎样让表单没有凹凸感input typetext styleborder:1 solid #000000input typetext styleborder-left:none;border-right:none; border -top:none; border-bottom: 1 solid#000000/textarea 不要滚动条?让竖条没有:body styleoverflow:scroll;overflow-y:hidden/body 让横条没有:body styleoverflow:scroll;overflow-x:hidden/body两个都去掉更简单了body scrollno/body 怎样去掉图片链接点击后图片周围的虚线 a href#nFocusthis.blur()img srclogo.jpgborder0/a 电子邮件处理提交表单 form. nameform1methodpost actionmailt*******.comenctypetext/plaininput typesubmit/form 在打开的子窗口刷新父窗口的代码里如何写window.opener.location.reload() 如何设定打开页面的大小body nloadtop.resizeTo(300,200);打开页面的位置bodynloadtop.moveBy(300,200); 在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动STYLEbody{background-image:url(logo.gif); background-repeat:no-repeat;background-position:center;background-attachment: fixed}/STYLE 检查一段字符串是否全由数字组成script. languageJavascript!--function checkNum(str){return str.match(//D/)null}alert(checkNum(1232142141))alert(checkNum(123214214a1))// --/script 获得一个窗口的大小document.body.clientWidth; document.body.clientHeight 怎么判断是否是字符if (/[^/x00-/xff]/g.test(s)) alert(含有汉字);else alert(全是字符); TEXTAREA自适应文字行数的多少textarea rows1 names1 cols27npropertychangethis.style.posHeightthis.scrollHeight/textarea 日期减去天数等于第二个日期script. languageJavascriptfunction cc(dd,dadd){//可以加上错误处理var a new Date(dd)a a.valueOf()a a - dadd * 24 * 60 * 60 * 1000a new Date(a)alert(a.getFullYear() 年 (a.getMonth() 1) 月 a.getDate() 日)} cc(12/23/2002,2)/script 选择了哪一个RadioHTMLscript. languagevbscriptfunction checkme()for each ob in radio1if ob.checked then window.alert ob.valuenextend function/scriptBODYINPUT nameradio1 typeradiovaluestyle checkedStyle.INPUT nameradio1 typeradiovaluebarcodeBarcodeINPUT typebutton valuechecknclickcheckme()/BODY/HTML 脚本永不出错SCRIPT. LANGUAGEJavaScript!-- Hide function killErrors(){return true;} window.onerror killErrors;// --/SCRIPT ENTER键可以让光标移到下一个输入框input nkeydownif(event.keyCode13)event.keyCode9 HTML 特殊符号编码对照表 特殊符号命名实体十进制编码特殊符号命名实体十进制编码特殊符号命名实体十进制编码ΑAlpha;#913;ΒBeta;#914;ΓGamma;#915;ΔDelta;#916;ΕEpsilon;#917;ΖZeta;#918;ΗEta;#919;ΘTheta;#920;ΙIota;#921;ΚKappa;#922;ΛLambda;#923;ΜMu;#924;ΝNu;#925;ΞXi;#926;ΟOmicron;#927;ΠPi;#928;ΡRho;#929;ΣSigma;#931;ΤTau;#932;ΥUpsilon;#933;ΦPhi;#934;ΧChi;#935;ΨPsi;#936;ΩOmega;#937;αalpha;#945;βbeta;#946;γgamma;#947;δdelta;#948;εepsilon;#949;ζzeta;#950;ηeta;#951;θtheta;#952;ιiota;#953;κkappa;#954;λlambda;#955;μmu;#956;νnu;#957;ξxi;#958;οomicron;#959;πpi;#960;ρrho;#961;ςsigmaf;#962;σsigma;#963;τtau;#964;υupsilon;#965;φphi;#966;χchi;#967;ψpsi;#968;ωomega;#969;ϑthetasym;#977;ϒupsih;#978;ϖpiv;#982;•bull;#8226;…hellip;#8230;′prime;#8242;″Prime;#8243;‾oline;#8254;⁄frasl;#8260;℘weierp;#8472;ℑimage;#8465;ℜreal;#8476;™trade;#8482;ℵalefsym;#8501;←larr;#8592;↑uarr;#8593;→rarr;#8594;↓darr;#8595;↔harr;#8596;↵crarr;#8629;⇐lArr;#8656;⇑uArr;#8657;⇒rArr;#8658;⇓dArr;#8659;⇔hArr;#8660;∀forall;#8704;∂part;#8706;∃exist;#8707;∅empty;#8709;∇nabla;#8711;∈isin;#8712;∉notin;#8713;∋ni;#8715;∏prod;#8719;∑sum;#8722;−minus;#8722;∗lowast;#8727;√radic;#8730;∝prop;#8733;∞infin;#8734;∠ang;#8736;∧and;#8869;∨or;#8870;∩cap;#8745;∪cup;#8746;∫int;#8747;∴there4;#8756;∼sim;#8764;≅cong;#8773;≈asymp;#8773;≠ne;#8800;≡equiv;#8801;≤le;#8804;≥ge;#8805;⊂sub;#8834;⊃sup;#8835;⊄nsub;#8836;⊆sube;#8838;⊇supe;#8839;⊕oplus;#8853;⊗otimes;#8855;⊥perp;#8869;⋅sdot;#8901;⌈lceil;#8968;⌉rceil;#8969;⌊lfloor;#8970;⌋rfloor;#8971;◊loz;#9674;♠spades;#9824;♣clubs;#9827;♥hearts;#9829;♦diams;#9830; nbsp;#160;¡iexcl;#161;¢cent;#162;£pound;#163;¤curren;#164;¥yen;#165;¦brvbar;#166;§sect;#167;¨uml;#168;©copy;#169;ªordf;#170;«laquo;#171;¬not;#172; shy;#173;®reg;#174;¯macr;#175;°deg;#176;±plusmn;#177;²sup2;#178;³sup3;#179;´acute;#180;µmicro;#181quot;#34;lt;#60;gt;#62; #39;转载于:https://www.cnblogs.com/quanweiru/p/8598439.html
