<!-- saved from url=(0066)file:///D:/%E6%98%93%E8%87%A3%E9%A3%9F%E5%93%81/Sty/sty-html5.html --> <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=GBK"> <meta name="author" content="Z_LY" /> <meta name="keywords" content="test" /> <meta name="description" content="huhuhuhuhuhuhu" /> <title>STY-HTML5</title> <!--外部样式--> <link rel="stylesheet" type="text/css" href="mystyle.css"> <!--内部style--> <style type = 'text/css'> h1{color:red} p{color:blue} div#div1{background-color:#0CC;text-align:center} </style> </head> <body bgcolor = 'yellow'> <h1 align="center">My HTML5</h1> <div id="div1"><h2>test h2</h2></div> <h3>test h3</h3> <h4><a id = 'tip1'>test h4</a></h4> <h5>test h5</h5> <h6>test h6</h6> <!--h和p会在前后添加额外行--> <p>This is a paragraph</p> <a href="http://www.yichenfood.com/" target="_blank" style="text-decoration:none">易臣食品 内联sty去掉了下划线</a> <br/> <img src="./sty-html5_files/thunder.jpg" width="100" height="110" /> <table border= '1' bgcolor = 'red' frame="above"> <caption>Big Big Title</caption> <tr> <th colspan="2">Test Table</th> </tr> <tr> <th rowspan="2" bgcolor="green">Anthor Title</th> <td> This is table n0 m0 </td> <td> this is table n0 m1 </td> </tr> <tr> <td> </td> <td> This is n1 m1 </td> </tr> </table> <hr/> <!--this is a comment--> <p> <strong><i>this test text for strong and i</i></strong><br/> <b>b粗体</b><br/> <big>big大号子</big><br/> <em>em着重文字</em><br/> <i>i斜体</i><br/> <small>small</small><br/> <strong>strong加重语气是什么鬼</strong><br/> 哦哦哦<sub>sub下标</sub><br/> 呜呜呜<sup>sup上标</sup><br/> <ins>ins下划线</ins><br/> <del>del删除</del><br/> <code>code代码</code><br/> <kbd>kbd键盘码</kbd><br/> <samp>samp计算机代码样本</samp><br/> <tt>tt打字机代码</tt><br/> <var>var变量</var><br/> <!--颜色不会变哦哦--> <pre>pre 预格式文本</pre><br/> <abbr title="I Love U">abbr定义缩写</abbr><br/> <acronym title="Acronym">acronym 首字母缩写</acronym><br/> <address>address 地址什么鬼</address><br/> <blockquote>blockquote长引用 blockquote长引用 blockquote长引用</blockquote><br/> <q>短引用</q><br/> <cite>cite引用、引证 什么鬼</cite><br/> <dfn>dfn定义一个定义项目</dfn></p><br/> </p> <a href="#tip1">Top</a><br/> <a href="mailto:z_liyan@sina.com?subject = hello%20again">发送邮件</a><br/> <img src="/sty-html5_files/pic.jpg" alt="Not Exit"><br/> <img src="title.jpg" usemap="title" alt="Title" /><br/> <map name="title" id="title"> <area shape="circle" coords="25,25,25" href="http://www.yichen.taobao.com/" target="_blank" alt="ECHEN" /> <area shape="rect" coords="60,0,120,50" href="http://www.baidu.com/" target="_blank" alt="BaiDu" /> </map><br/> <ul type="square"> <li>fuck</li> <li>you</li> </ul> <ol start="20"> <li>do</li> <li>it</li> </ol> <dl> <dt>dttt</dt> <dd>dddd</dd> <dd>dd22</dd> <dt>dtt22</dt> <dd>dd2dd2</dd> </dl> <form name="input" action="sty-html5.js" method="submit">
<!--input空标签，和button区别：button有内容，不同的浏览器返回不同的value--> Name:<input type="text" name="firstname" /><br/> Last:<input type="text" name="lastname" /><br/> Pass:<input type="password" name="password" /><br/> <input type="radio" name="sex" value="male" />Male<br/> <input type="radio" name="sex" value="female" />Female<br/> <input type="checkbox" name="magic" />Magcer<br/> <input type="checkbox" name="fiter" />Fiter<br/> <input type="submit" value="提交" /> </form> <!--button type IE默认button 别的默认submit-->
<button type = 'button' value = 'abut'>BUTTON</button>
<form> <select name="name"> <option value="anma">Anna</option> <option value="lili">Lili</option> <option value="chian">China</option> <option value="Amina" selected = 'selected'>Amina</option> </select> <input type="button" value="select name" /> </form> <textarea rows="10" cols="20"> I just wan to make different world to see </textarea><br/> <span>this<span></span><br/> </body></html>
attribute是 name=‘value’ 不需要分号分割； style是 {name:value;}需要；分割
meta 元值，主要用于seo索引
上次学的太久没用只留下一点印象了，花了一天重新过一遍应该马马虎虎能用了：），html5准备再过一遍~~~