1 <!DOCTYPE html> 2 <!--表示这是一段注释 --> 3 <html lang="en"> 4 <head> 5 <meta charset="utf-8"> 6 <title>学习html</title> 7 </head> 8 <body> 9 <h1>标题有h1-h6,h1标题通常只有一个</h1> 10 <h2>不同的标题用不同的标签，字体依次缩小</h2> 11 <p>表示段落1,<br />表示段内换行</p> 12 13 <p>表示段落2，空格符 表示空格</p> 14 <p>span表示行内组合，<span>可以特殊显示段内某些特殊文字<span/>，结合css使用</p> 15 <pre>表示预留格式,包括空格、换行如下 16 for i = 1 to 10 17 print i 18 next i 19 </pre> 20 <hr />表示是水平线 21 <a href="http://www.baidu.com">表示链接百度，有文字或图片，以下多个链接默认为同一行，通过br标签换行</a><br /> 22 <a href="html标签.html">链接本站其他网页，用相对路径</a> 23 <a href="#">表示虚拟超链接，即空链接</a> 24 <br /> 25 <img src="路径+文件名，有绝对路径和相对路径，以当前网页所在文件夹HTML为起始点查找，以..表示上一层目录" alt="不能显示图片时，用文字代替图片，图片有jpg、gif、png格式"><br /> 26 <img src="image/baidu.png" alt="baidu图片"><br /> 27 <img src="../file/toutiao.png" alt="toutiao图片"><br /> 28 <div ><!--区域标签，单独设置区域样式、排版布局 --> 29 <div align="center"> 30 <h1>区域标题</h1> 31 </div> 32 <div> 33 <ul><!--无序列表 --> 34 <li>列表项，无序文字</li> 35 <li>列表项，无序文字</li> 36 </ul> 37 <ol><!--有序列表 --> 38 <li>列表项，有序文字</li> 39 <li>列表项，有序文字</li> 40 </ol> 41 </div> 42 <table border="1"><!--表格标签，border边框属性 --> 43 <tr>表示有几行 44 <th>第一行通常为表头，用th标签</th> 45 <th>表示行内有几列，列2</th> 46 </tr> 47 <tr> 48 <th>第一列通常为表头，用th标签</th> 49 <td>表示行内有几列，列2</td> 50 </tr> 51 <tr> 52 <td>表示行内有几列，列1</td> 53 <td>表示行内有几列，列2</td> 54 </tr> 55 </table> 56 <br /> 57 <form>表单标签<br /> 58 <!--type="控件类型" value="传入数据库" name="给控件起名字"--> 59 账号：<input type="text" value="输入框默认值" name="文本框" /><br /> 60 密码：<input type="password" value="值为空表示无默认值" name="密码框"><br /> 61 <input type="submit" value="按钮名称" name="按钮"><br /> 62 姓名： 63 <input type="text" name="myname"> 64 <input type="submit" value="提交" name="提交按钮"/> 65 <input type="reset" value="重置" name="重置按钮"/> 66 <br/> 67 单选框： 68 男：<input type="radio" value="boy" name="checked表示为默认选中" checked="checked" /> 69 女：<input type="radio" value="girl" name="checked表示为默认选中"/> 70 <br/> 71 复选框： 72 <!--value="表示出现在第几个位置"，name="名称"，checked="表示为默认选中"--> 73 <input type="checkbox" value="1" name="music" checked="checked"/>音乐 74 <input type="checkbox" value="2" name="sport" />体育 75 <input type="checkbox" value="3" name="reading" />阅读 76 <br/> 77 下列列表框： 78 <select> 79 <optgroup>下拉菜单里的分类 80 <option>选项1</option> 81 <option selected="selected">默认选项2</option> 82 <option>选项3</option> 83 </optgroup> 84 </select> 85 <br/> 86 文本域： 87 <!--rows="表示行数"，cols="表示列数"--> 88 <textarea rows="5" cols="20">在这里输入内容...</textarea> 89 <br/> 90 <input type="submit" value="提交" name="提交按钮"/> 91 </form> 92 </div> 93 </body> 94 </html>