html5-1 网页结构描述

一、总结

一句话总结：注意head中的title，keywords，description，这对seo优化很有帮助

1、如何给某元素动态使用类似onclick方法？

点onclick，然后在onclick中添加事件即可

28 $('div').mouseenter(function(){

2、jquery中如何使用setInterval函数？

和在js中一模一样

31     setInterval(function(){

32         s+=v;

33         $('div').css({'transform':'rotate('+s+'deg)'});

34     },10);

3、jquery中如何设置css？

点css，然后是，大括号，里面键值对，都加引号

33         $('div').css({'transform':'rotate('+s+'deg)'});

4、设置动画的关键字是什么？

transform

33         $('div').css({'transform':'rotate('+s+'deg)'});

5、!doctype html> 是什么？

html5文档声明

二、网页结构描述

 文档类型:

 <!doctype html>

 网站代码结构:

 <html>

     <head>

         <meta charset="UTF-8">

         #设置浏览器的阅读编码

         <title>云知梦-太原PHP培训|山西PHP培训</title>

         #设置网站首页的标题

         <meta name="keywords" content="山西PHP培训,太原PHP培训,山西PHP开发>

         #设置网站的关键字

         <meta name="description" content="云知梦PHP培训-致力于PHP培训、LAMP技术培训,只为有梦想的人。>

         #网站描述

     </head>

     <body>

         <h1>云知梦，只为有梦想的人!</h1>

         <h1>云知梦，只为有梦想的人!</h1>

         #可见的网站骨架或实体内容

     </body>

 </html>

三、代码

页面中图片旋转实例

 <!doctype html>

 <html lang="en">

 <head>

     <meta charset="UTF-8">

     <title>小帅</title>

     <!-- css样式设计 -->

     <style>

         div{

             width:256px;

             height:256px;

             border:10px inset #f00;

             margin:0 auto;

             background: #ccc;

             border-radius:256px;

             cursor: pointer;

         }

     </style>

     <script src="jquery.js"></script>

 </head>

 <!-- html标签 -->

 <body>

     <div>

         <img src="xs.png" alt="">

     </div>

 </body>

 <!-- js特效 -->

 <script>

 $('div').mouseenter(function(){

     s=0;

     v=10;

     setInterval(function(){

         s+=v;

         $('div').css({'transform':'rotate('+s+'deg)'});

     },10);

 });

 </script>

 </html>

巴特西

html5-1 网页结构描述

html5-1 网页结构描述

一、总结

一句话总结：注意head中的title，keywords，description，这对seo优化很有帮助

1、如何给某元素动态使用类似onclick方法？

2、jquery中如何使用setInterval函数？

3、jquery中如何设置css？

4、设置动画的关键字是什么？

5、!doctype html> 是什么？

二、网页结构描述

三、代码

最新文章

热门文章