首页 > 代码库 > 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