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