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

一、Framset标签定义了每个框架中的HTML文档,

  1、 <framset cols="25%,75%">

         <frame src="frame_a.htm">   <frame src="frame_b.htm">  </frameset>

  2、内联框架inframe

        <iframe src="URL"></inframe>   URl 只想隔离页面的位置

        iframe属性默认值是像素,按照百分比设置,<iframe src="demo_iframe.htm" width="200" height="200"></iframe>

  3、使用iframe作为连接的目标(target),链接target的属性必须引用iframe的nmae属性,

<iframe src="demo_iframe.html" name="iframe_a"></iframe>   <p><a href="http://www.w3cSchol.com.cn" target="iframe_a">W3cSchool.com.cn</a></p>

   4、背景颜色设置<body>拥有两个配置背景颜色的标签,背景可以使颜色或者图片

     <body background="clouds.gif">< body background="http://ww.3cSchool.com.cn/clouds.gif">

   5、JavaScript使用HTML页面加强动态效果和交互性

            <html>

     <body>

<script type="text/javascript ">

document.write("<h1>Hello world</h1>")

</script></body></html>   其中 noscript 标签用在说明浏览器不支持JavaScript语句的解释

 像下面的这样eg、  <srcipt type="text/javascript">

      dooucment.write(" Hello World")</script>    <noscript> You browser does not support Javascript</noscript>对于老式的浏览器不支持的时候就可以将Script语句进行注释,这样浏览器就不会执行,但是新的浏览器依然会读懂Script语句。

     eg、<script>   type="text/javascript">

<!-- document.write("Hello World ")>

//-->

</script>

     6、title标题标签的功能,定义浏览器工具栏中的标题,提供页面被收藏的显示标题,以及显示在搜索引擎中的页面标题

     一个简单的HTML    <!DOCTYPE html>  <html><head><title>####</title> </head><body>   The content of document  </body></html>

     <link> 标签  定义文档之外资源之间的关系 常用与连接样式表。eg 、   <head> <link rel="stylesheet" type="text/css" href="mystyle.css"/></head>

     7、<style>标签用于HTML文档样式信息可以扎起style元素中规定HTML元素在浏览器中的呈现的样式。

         <head>    <style type="text/css">

    body {background-color:yellow}

    p{color:blue}</style></head>

      8、HTML元数据(Metadata)   <meta >标签提供HTML文档的元数据,但是元数据不会再页面上显示,机器是刻度的。元数据可以用于浏览器中重新加载页面,搜索引擎(关键词)其他web服务。

      eg、<meta name="description" content="Free web tutorials onHTML ,CSS, XML“/”>   定义页面描述:

             <meta name="keywords" content="HTML, CSS , XML"/>

     9、HTML实体, 字符实体(character entities),    URL -Uniform Resource  Locator   同意资源定位器(URL)用于定位万维网上的文档或者其他数据,eg、 http://www.w3School.com.cn/html/index.asp    遵循语法规则     scheme:// host.domain:port/path/filename     scheme 定义因特网服务类型,host  ---定义域主机  domain 定义域名    port   是端口号    

     10、URl编码,只能呢使用ASCLL字符集来通过Internet 进行发送, URL不能包含空格,URL编码常使用+ 来替换空格

      11、Text  Elements     <br>   line break      <hr>  horizontal rule 

    

             


posted @ 2018-02-25 16:42  疏桐  阅读(136)  评论(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) }();