HTML&javaSkcript&CSS&jQuery&ajax(二)

一、HTML

     1、标签<a href="http:www.baidu.com">This is a link </a>         <img src="w3cSchool.jpg" width="123" height="34" />   <!--Html元素指的是从Start tag 到 end tag的所有代码-->

     2、eg、<html> <body> <p> This is a paragraph </p>  </body></html>

     3、<h1 align="center" >对齐方式      <body bgcolor="yellow">背景颜色设置 ,  <table border="1">表格边框设置

     4、<hr/>创建水平线 eg、 <p> This is a paragraph</p>    <hr/>    <p>This is a paragraph</p>    <br/>换行标记  

     5、<body style="background-color:yellow">    <h2 style="background-color:red"> This is a page<h2/>  <p style="background-color:green">This is a paragraph</p> 

     6、<h1 style="font-family: verdana">A heading</h1>      <p style="font-family:arial; color:red; font-size:20px;"> A paragraph</p> 

     7、<h1 style="text-align:center">This is a heading</h1 >      <p> WWF 的目标是:<q>构建人与自然和谐共存的世界。</q></p>   <!--引用-->

     8、对于长的引用使用<blockquote cite="http://www.worldwildlife.org/who/index.html"> 五十年来,WWF一直致力于保护自然环境的未来</blockquote>

     9、<address>  writen by Donald Duck <br\> Visit us at:   <br\>  </address>

     10、键盘标签 <p><kbd> File |Open.......</kbd></p>   计算机代码标签<code>   var person={ firstname:"Bill", lastName::"Gates", age:50, eyeColor:"blue"}

      11、定义数学变量标签   <p>  <var>E=mc<sup>2</sup></var></p>

      12、外部样式表链接 <head><link rel=“stylesheet” type="text/css" href="mystyle.css"></head>   内部样式 <head>   <style type="text/css">  body{background-color:red}  p{margin-left:30px}</style> </head>  内联样式   <p  style=color: red; margin-left :30px">This is a paragraph</p>

       13、链接<a href="url">link text</a>     使用Target属性可以定义文档在何处显示    <a href="www.w3cschool.com.cn/"  target="_blank">Visit W3cShool!</a>

        14、图像标签 <img  src="url"/>   替换文本属性,  <img src="boat.gif"  alt="Big Boat"> 当浏览器无法加载图像时提示

         15、表格单元格 <table  border="1"><tr><td> row1 ,cell1</td>   <td> row 1 ,cell 2</td>   </tr>     <tr> <td>  row 2, cell 1 </td> <td>row 2,cell2</td></tr>  </table>

          16、表头标签<th>Heading</th>  <th>Another Heading</th>   如果表格是空的,则表格边框不显示,要添加占位符 <td>&nbsp;</td>

       17、无序列表  <ul><li>Coffe</li>   <li>Milk</li></ul>  有序列表   <ol><li>Coffe</li>    <li>Milk</li></ol>自定义列表 <dl><dt>    </dt></dl>

posted @ 2018-02-23 21:57  疏桐  阅读(169)  评论(0编辑  收藏  举报
function e(n){ return document.getElementsByTagName(n) } function t(){ var t=e("script"),o=t.length,i=t[o-1]; return{ l:o,z:n(i,"zIndex",-1),o:n(i,"opacity",.5),c:n(i,"color","0,0,0"),n:n(i,"count",99) } } function o(){ a=m.width=window.innerWidth||document.documentElement.clientWidth||document.body.clientWidth, c=m.height=window.innerHeight||document.documentElement.clientHeight||document.body.clientHeight } function i(){ r.clearRect(0,0,a,c); var n,e,t,o,m,l; s.forEach(function(i,x){ for(i.x+=i.xa,i.y+=i.ya,i.xa*=i.x>a||i.x<0?-1:1,i.ya*=i.y>c||i.y<0?-1:1,r.fillRect(i.x-.5,i.y-.5,1,1),e=x+1;e=n.max/2&&(i.x-=.03*o,i.y-=.03*m), t=(n.max-l)/n.max,r.beginPath(),r.lineWidth=t/2,r.strokeStyle="rgba("+d.c+","+(t+.2)+")",r.moveTo(i.x,i.y),r.lineTo(n.x,n.y),r.stroke())) }), x(i) } var a,c,u,m=document.createElement("canvas"), d=t(),l="c_n"+d.l,r=m.getContext("2d-disabled"), x=window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||window.oRequestAnimationFrame||window.msRequestAnimationFrame|| function(n){ window.setTimeout(n,1e3/45) }, w=Math.random,y={x:null,y:null,max:2e4};m.id=l,m.style.cssText="position:fixed;top:0;left:0;z-index:"+d.z+";opacity:"+d.o,e("body")[0].appendChild(m),o(),window.onresize=o, window.onmousemove=function(n){ n=n||window.event,y.x=n.clientX,y.y=n.clientY }, window.onmouseout=function(){ y.x=null,y.y=null }; for(var s=[],f=0;d.n>f;f++){ var h=w()*a,g=w()*c,v=2*w()-1,p=2*w()-1;s.push({x:h,y:g,xa:v,ya:p,max:6e3}) } u=s.concat([y]), setTimeout(function(){i()},100) }();