首页 > 代码库 > 2016.11.26
2016.11.26
今天自习~
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-cn"> 3 <head> 4 <!-- 5 <meta> 6 刷新网页,跳转网页,字符集 7 <meta http-equiv = "Content-Type" content = "text/html";charset = "UTF-8"/> 8 <meta http-equiv = "refresh" 9 10 --> 11 <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> 12 <title>网页标题</title> 13 <meta name="keywords" content="关键字列表" /> 14 <meta name="description" content="网页描述" /> 15 <link rel="stylesheet" type="text/css" href="" /> 16 <style type="text/css"> 17 18 </style> 19 <script type="text/javascript"></script> 20 21 <!--标签规定页面中所有链接的基准 url--> 22 <base></base> 23 24 </head> 25 <body> 26 <!--video视频--> 27 <video src = "xiangxin.mp4" controls = "controls"> 28 <!--开始标签和结束标签中的内容不起作用--> 29 您的浏览器不支持video标签! 30 </video> 31 32 <video src = "好不好.mp4" controls = "controls"> 33 </video> 34 35 <!--audio音频--> 36 <audio src = "09.最好的一天-五月天.mp3" controls = "controls" autoplay = "autoplay" end = "end" playcount = "2" loopend = "" loopstart = ""></audio> 37 38 <!--canvas标签 --> 39 <!--画长方形--> 40 <canvas id = "myCanvas"> 41 您的浏览器不支持canvas标签! 42 </canvas> 43 44 <!--dialog标签--> 45 <dialog> 46 <dt>哈罗</dt> 47 <dd>哈罗罗</dd> 48 <dt>哈罗</dt> 49 <dd>哈罗罗</dd> 50 <dt>哈罗</dt> 51 <dd>哈罗罗</dd> 52 </dialog> 53 54 <!--h5标签--> 55 <!--定义注释--> 56 57 <!DOCTYPE>定义文档类型 58 <a title = "12345" href = "../../Nome1.html">定义超链接</a> 59 <abbr title = "定义缩写定义缩写定义缩写">定义缩写</abbr> 60 <acronym>acronym定义首字母缩写</acronym> 61 <address>湖北省荆州市</address> 62 63 <applet></applet> 64 <img src = "audio.png" usemap = "#myMap"/> 65 <map id = "myMap"> 66 <!--shape定义形状 coords定义能点击的坐标--> 67 <!--area是单标记--> 68 <area shape = "rect" coords ="0,0,82,126" /> 69 </map> 70 71 <article>article</article> 72 <aside>啦啦啦啦啦啦</aside> 73 <b>粗体文字</b> 74 75 76 77 <bdo dir = "rtl">定义文本显示的方向</bdo> 78 <bdo dir = "ltr">定义文本显示的方向</bdo> 79 80 <blockquote cite = "../../Nome1.html">我想静静</blockquote> 81 82 <button type = "button" value = "Click me!"></button> 83 84 <table border = "2"> 85 <caption>This is a caption!</caption> 86 <tr> 87 <td>cell1</td> 88 <td>cell2</td> 89 <td>cell3</td> 90 <td>cell4</td> 91 <td>cell5</td> 92 </tr> 93 </table> 94 <table> 95 <caption>This is a caption</caption> 96 <col style = "2"></col> 97 <tr> 98 <td>Cell 1</td> 99 <td>Cell 2</td> 100 </tr> 101 </table> 102 103 <center>定义一个居中的文本</center> 104 105 <command label = "456">command标签</command> 106 107 <input list = "name"/> 108 <datalist id = "name"> 109 <option value = "姜姜"/> 110 <option value = "靖靖"/> 111 <option value = "玉"/> 112 </datalist> 113 114 115 <input id="myCar" list="cars" /> 116 <datalist id="cars"> 117 <option value="BMW"> 118 <option value="Ford"> 119 <option value="Volvo"> 120 </datalist> 121 122 <del>啊啊啊啊,我被删除了</del> 123 124 <dfn>定义一个定义项目</dfn> 125 126 <fieldset> 127 <legend>表单</legend> 128 <form> 129 <label>身高:<input/></label> 130 <label>体重:<input/></label> 131 </form> 132 </fieldset> 133 134 <iframe src = "../../Noname3.html"></iframe> 135 <br/> 136 137 <form> 138 <input type = "text" value = "文本框"/> 139 <br/> 140 141 <input type = "checkbox" value = "famale"/>女 142 <input type = "checkbox" value = "male"/>男 143 <br/> 144 145 <input type = "date"/> 146 <br/> 147 <input type = "datetime"/> 148 <br/> 149 <input type = "datetime-local"/> 150 <br/> 151 152 <input type = "email"/> 153 <br/> 154 <input type = "file"/> 155 <br/> 156 <input type = "hidden"/> 157 <br/> 158 <input type = "image" src = "Ashin.jpg" color = "#fff"/> 159 <br/> 160 161 <input type = "month"/> 162 <br/> 163 <input type = "number"/> 164 <br/> 165 <input type = "password"/> 166 <br/> 167 <input type = "radio"/> 168 <br/> 169 <input type = "range"/> 170 <br/> 171 <input type = "submit"/> 172 <br/> 173 <input type = "reset"/> 174 <br/> 175 <input type = "time"/> 176 <br/> 177 <input type = "url"/> 178 <br/> 179 <input type = "week"/> 180 <br/> 181 </form> 182 183 <del>删掉字</del><ins>插入字</ins> 184 185 <form> 186 <label for = "famale">Famale</label> 187 <input id = "famale"/> 188 </form> 189 190 <form> 191 <fieldset> 192 <legend>爱好</legend> 193 <label for = "music">音乐</label> 194 <input type = "text" id = "music"/> 195 <label for = "painting">画画</label> 196 <input type = "text" id = "painting"/> 197 </fieldset> 198 </form> 199 200 <img src = "Ashin.jpg" usemap = "#map"/> 201 <map name = "map" id = "map"> 202 <area shape = "circle" coords = "180,139,14" href = "../../Noname3.html"/> 203 </map> 204 205 <mark>mark一下</mark> 206 207 <meter min = "0" max = "10" value = "5">5</meter> 208 209 <nav> 210 <a href = "../../Noname3.html">阿信</a> 211 <a href = "../../Noname3.html">怪兽</a> 212 <a href = "../../Noname3.html">石头</a> 213 <a href = "../../Noname3.html">玛莎</a> 214 <a href = "../../Noname3.html">冠佑</a> 215 </nav> 216 217 <select> 218 <optgroup label = "male"> 219 <option>杀生丸</option> 220 <option>犬夜叉</option> 221 </optgroup> 222 <optgroup label = "female"> 223 <option>桔梗</option> 224 <option>阿篱</option> 225 </optgroup> 226 227 </select> 228 <small> 229 <small> 230 <small> 231 变小 232 </small> 233 </small> 234 <small> 235 236 <audio controls = "controls"> 237 <source src = "09.最好的一天-五月天.mp3"></source> 238 </audio> 239 240 <script type = "text/javascript"> 241 //canvas部分 242 //画长方形 243 // var myCanvas = document.getElementById("myCanvas"); 244 // var ctc = myCanvas.getContext("2d"); 245 // ctc.fillStyle = "#ccc"; 246 // ctc.fillRect(0,0,80,100); 247 var ctx = document.getElementById("myCanvas"); 248 var ctx1 = ctx.getContext("2d"); 249 ctx1.fillStyle = "#111"; 250 ctx1.fillRect(55,55,55,55); 251 252 var ctx2 = document.getElementById("myCanvas"); 253 var ctx3 = ctx2.getContext("2d"); 254 ctx3.fillStyle = "#ff0000"; 255 ctx3.fillRect(55,55,55,100); 256 257 var ctx4 = document.getElementById("myCanvas"); 258 var ctx5 = ctx4.getContext("2d"); 259 ctx.fillSytle = "#f00"; 260 ctx.fillRect(55,66,77,88); 261 </script> 262 </body> 263 </html>
2016.11.26
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。