整理了一下HTML的语法，做下记录。
1 <html> 2 3 <head> 4 <meta charset="utf-8"> 5 <title>html的基本语法</title> 6 </head> 7 8 <body> 9 10 <h1>标题1</h1> 11 <h2>标题2</h2> 12 <h3>标题3</h3> 13 <h4>标题4</h4> 14 <h5>标题5</h5> 15 <h6>标题6</h6> 16 17 <p>段落   < > " © ®</p> <!--对应：段落内容，空格，小于号<，大于号>，双引号"，版权符©，注册符®--> 18 <div>块元素</div> 19 <span>凸显文字</span> 20 21 <b>粗体</b> 22 <i>倾斜</i> 23 <u>下划线</u> 24 <em>强调</em> 25 <strong>加强强调</strong> 26 27 <br> <!--换行--> 28 <hr> <!--水平线--> 29 30 <a href="Demo1.html" target="_self">超链接（跳转到html界面）</a> <!--_self:原窗口打开，_blank:新窗口打开，_top:顶框架，_parent:父框架--> 31 <a href="Demo1.html"><img src="../img/2.png"></img>图片超链接（跳转到html界面）</a> <a href="http://www.baidu.com">超链接（跳转到对应的网址）</a> 32 33 <img src="../img/2.png" alt="提示文字（图片显示不出来时展示）" title="标题（鼠标移到图片上时出现）" width="200" height="100" border="5" align="right（还可以是left/center）">图片</img> 34 35 <ul> <!--无序列表--> 36 <li>列表1</li> <!--列表项（前面是实心圆点，也可以在CSS里面设置点的样式）--> 37 <li>列表2</li> 38 <li>列表3</li> 39 </ul> 40 <ol> <!--有序列表--> 41 <li>列表1</li> <!--列表项（前面是数字序号）--> 42 <li>列表2</li> 43 <li>列表3</li> 44 </ol> 45 <dl> <!--自定义列表--> 46 <dt>自定义项（咖啡）</dt> 47 <dd>描述项1（一种饮料）</dd> 48 <dd>描述项2（产地南非）</dd> 49 </dl> 50 51 <table border="1（表格线宽）" width="300（表格宽）" height="100（表格高）" align="right（还可以是left/center）" bgcolor="yellow（表格背景色）" cellspacing="5（单元格间距）" cellpadding="10（内容和单元格间距）"> 52 <tr align="right" bgcolor="blue"> <!--第一行--> 53 <td align="left" bgcolor="yellow" background="C:/Users/zhoub/Desktop/switchYellow.png">姓名</td> 54 <td>身高</td> 55 <td>体重</td> 56 </tr> 57 <tr> <!--第二行--> 58 <td>张三</td> 59 <td>173</td> 60 <td>70kg</td> 61 </tr> 62 </table> 63 <table border="1" width="200" height="100" align="left"> 64 <tr> 65 <td colspan="2">姓名</td> <!--合并水平的2个单元格--> 66 <td>体重</td> 67 </tr> 68 <tr> 69 <td rowspan="2">张三</td> <!--合并竖直的2个单元格--> 70 <td>173</td> 71 <td>70kg</td> 72 </tr> 73 <tr> 74 <td>183</td> 75 <td>80kg</td> 76 </tr> 77 </table> 78 79 <form name="我是表单名称" action="Demo.html（提交对象）" method="post/get（提交方法）" target="我的打开方式：_blank(新窗口打开)"> <!--_self:原窗口打开，_blank:新窗口打开，_top:顶框架，_parent:父框架--> 80 <input type="text" value="你好" placeholder="问候语"> <!--文本框，内容，占位内容：一般是单行--> 81 <input type="password"> <!--密码框--> 82 <input type="radio" name="sex" checked="true"> <!--单选框，单选框名称，是否默认选中。名称一样的单选框就是同一组，会互斥--> 83 <input type="checkbox" name="hobby" checked="true">上网 <!--复选框，复选框名称，是否默认选中，复选框内容--> 84 <input type="file"> <!--文件域（打开选择文件的窗口）--> 85 <input type="button" value="确认" disabled="disabled"> <!--普通按钮，按钮显示的内容，按钮不可点击--> 86 <input type="submit" value="提交"> <!--提交按钮，按钮显示的内容：通常一个表单只有一个提交按钮，点击后会将内容提交给action属性里的对象--> 87 <input type="reset" value="重置"> <!--重置按钮，按钮显示的内容：点击后会将表单恢复到默认状态--> 88 <input type="image" src="../img/2.png" width="20" height="20"> <!--图像按钮，图像的路径，按钮宽，按钮高--> 89 <select> <!--下拉列表--> 90 <option>北京</option> 91 <option selected>上海</option> <!--selected的作用是默认选中--> 92 </select> 93 <select multiple> <!--multiple表示多选的下拉列表--> 94 <option>北京</option> 95 <option selected>上海</option> <!--selected的作用是默认选中--> 96 </select> 97 <textarea rows="4" cols="5"></textarea> <!--文本域，4行5列--> 98 <label>我是label标签</label> <!--label标签可以用来显示一段文字--> 99 </form> 100 101 <input type="button" value="确定"> <!--input标签也可以不放在form里面--> 102 103 </body> 104 105 </html>